Home Wordpress Wordpress Tips & News Fix Website CLS/LCP issue with this 1 WordPress Plugin

Fix Website CLS/LCP issue with this 1 WordPress Plugin

145
eliminate cls and lcp issues

Guys, we have some fantastic news for everyone who is experiencing CLS or LCP issues inside WordPress.

CLS stands for cumulative layout shift. If your not aware of what CLS is, it’s a ranking factor used by google page speed, google basically calculates a shift in the design of your websites such as images, text, buttons, or any visible web objects.

CLS will be used as a ranking feature by google so therefore it’s important for you to rank well for this.

LCP (Largest Contentful Paint) is what is used to calculate the total loading time of your website.

Google ads will significantly slow down your website’s loading time resulting in larger LCP values.

Fix Website CLS/LPC issue with this 1 WordPress Plugin
Fix Website CLS/LPC issue with this 1 WordPress Plugin

As you can see above, highlighted in red this was our average results for this page for the last 30 days and the new text which is highlighted in green shows current stats. Total elimination is almost 1sec in LCP and 0.36sec of CLS which is enough to help our website go from rank 60 to 90 a huge +30 points to website rankings!

There have been many users who have been experiencing CLS or LCP issues but have no idea how to fix this!

Well, behold guys! we would like to introduce 1 plugin which will help you eliminate both LCP and CLS issues inside of WordPress! 

We would like to introduce wp-rocket, which is quite strangely a caching plugin but has features that will help you eliminate both CLS and LCP issues!

wp-rocket for CLS and LCP issuesSo how does WP-rocket eliminates CLS and LCP issues? in the new update of wp-rocket, there is a feature called “delay javascript execution“.

delay javascript executionWhat this does is it stop all javascript from loading on your websites, until the users interact with the mouse or keyboard, soon as there is a user interaction detected the website will continue to load all the javascript files which are on hold, these scripts can be added simple on a new line in the input box.

This is what the text includes;

getbutton.io
//a.omappapi.com/app/js/api.min.js
feedbackcompany.com/includes/widgets/feedback-company-widget.min.js
snap.licdn.com/li.lms-analytics/insight.min.js
static.ads-twitter.com/uwt.js
platform.twitter.com/widgets.js
twq(
/sdk.js#xfbml
static.leadpages.net/leadbars/current/embed.js
translate.google.com/translate_a/element.js
widget.manychat.com
xfbml.customerchat.js
static.hotjar.com/c/hotjar-
smartsuppchat.com/loader.js
grecaptcha.execute
Tawk_API
shareaholic
sharethis
simple-share-buttons-adder
addtoany
font-awesome
wpdiscuz
cookie-law-info
pinit.js
/gtag/js
gtag(
/gtm.js
/gtm-
fbevents.js
fbq(
google-analytics.com/analytics.js
ga( '
ga('
adsbygoogle.js
ShopifyBuy
widget.trustpilot.com/bootstrap
ft.sdk.min.js
apps.elfsight.com/p/platform.js
livechatinc.com/tracking.js
LiveChatWidget
/busting/facebook-tracking/
olark
pixel-caffeine/build/frontend.js

To prevent Google ADS causing LCP issues in google page speed test, in WordPress simply add these 2 lines of code into the list;

/pagead/js/adsbygoogle.js
pagead2.googlesyndication.com/pagead/js/adsbygoogle.js

And there you go! it’s simple as that, soon as you enable the caching plugin you will see instant results in removing and eliminating CLS and LCP issues! when you run the test page speed test with the Google page speed test tool.