Archived topic
Need to improve the Load Time and CLS issue
15 replies · Started by Amit on August 17, 2020
Hi Team,
I have been trying to improve the page load time for my site's inner pages/posts. The CLS issue seems to be another thing knocking my mind from long. The web.dev says 0 whereas, the page speed insights say it a bit more than 0.1. There is also a warning in the Google webmasters to Improve CLS which is above 0.1 and so, I want to work on that.
I request you guys to please have a look on to the site's inner posts or pages for any performance issues that needs to be rectified.
Hi there,
the main issue is the lazy loader is affecting the Logo.
Which plugin are you using ?
Lazy Load by WP Rocket...The time to interactive is also pretty much on the high side.
WP Rocket provide the following snippets for disabling lazy load on specific images:
https://docs.wp-rocket.me/article/15-disabling-lazy-load-on-specific-images
Use: Example 2: Exclude an image based on its filename
And specify your logo image name.
I implemented the lazy load exclusion for logo. A little layout shift still is there. Also, please have a check on the performance issues as the Total blocking time on mobile is about 690 milliseconds. What can be worked on that!
This article will help:
https://web.dev/tbt/#how-to-improve-tbt
Bottom line is - add less 3rd party requests, scripts and make shorter content.
Hi David, those are actually the ads and we can't disable them. Is there any way to load adsense after page load so that it's not blocking. I heard these things on web but can't find anything to implement that!
You can use a plugin like this to defer loading:
Can you help me have the exact settings to be used in the plugin. I have installed it but it doesn't seems to be having any effect.
If your stuck raise a topic on that plugins support forum. Frank the developers support is great. Heres a similar topic:
https://wordpress.org/support/topic/does-async-js-defer-parsing-of-third-party-js/
I tried many combinations, but I guess there is no solution to that - https://wordpress.org/support/topic/defer-adsense-is-that-the-same-as/
Hmmm... i am not sure seeing as the script has the async attribute eg.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
I don't think allows you to change that to defer eg.
<script defer src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
As this may violate there policies.
Yes, it might be a violation! Let me know if some thing comes up as a good solution! If we are the one solving it, we might be the first as on web, I have surfed almost for most solutions.
yeah maybe ask a question on stackoverflow - plenty of smart guys there :)
I asked this question in an FB group and someone recommended Flying Scripts plugin. It did the work!
