I’ve been using the Asset Cleanup plugin and it has helped me improve my pagespeed a great deal.
However, the ‘Cache Dynamic Loaded JavaScript’ setting seems to cause a formatting issue with my Elementor testimonials carousel on my homepage. This setting makes the testimonial carousel stop working and just shows a single testimonial with no arrows. This setting also drastically improves my mobile pagespeed so wondering if you could suggest a way I can still use the setting but without the formatting issues!
Thanks,
Stephen
The page I need help with: [log in to see the link]
@clearlogos first, my sincere apologies for not getting back to you sooner!
I‘ve been using the Asset Cleanup plugin and it has helped me improve my pagespeed a great deal.
That’s awesome to hear! I hope you’ll use the plugin in the long run!
However, the ‘Cache Dynamic Loaded JavaScript’ setting seems to cause a formatting issue with my Elementor testimonials carousel on my homepage. This setting makes the testimonial carousel stop working and just shows a single testimonial with no arrows. This setting also drastically improves my mobile pagespeed so wondering if you could suggest a way I can still use the setting but without the formatting issues!
After inspecting your homepage, I haven’t noticed any dynamically loaded JavaScript files as they are all static. if you’re saying the feature drastically improved the mobile page speed, then it should have (no doubt) boost considerably the speed on desktop devices. Frankly, I believe the boost in page speed for the mobile view was from a different option (e.g. you unloaded some CSS/JS that were render-blocking and took a long time to load).
Moreover, starting from version 1.3.6.5, the option “Cache Dynamic Loaded JavaScript” is deactivated by default as it caused issues with some themes/plugins (incompatibility). This is a feature that should only be enabled when it’s really necessary as, fortunately, CSS/JavaScript is most of the time loaded statically (from existing files) which that’s how it should be, and not from URLs such as /index.php?load_css=[unique_id_here] as this type of requests cause (in most cases) the WordPress environment to load in order to fetch the needed CSS. Imagine having a high traffic website with a few of these requests. It would make the WP environment (including database connections) to load several times more per page load (not ideal at all). That’s why the file is downloaded once, then it’s referenced from the caching directory as a static file, reducing the number of resources that are used.
So, please make a few tests by deactivating this “Cache Dynamic Loaded JavaScript” option and let me know if everything is working fine again.
Thank you Gabe that is really useful.
I wondered, and this is perhaps a bit cheeky, but would you be able to help me understand how I could use the plugin to improve my mobile pagespeed score?
I’m really not all that happy with my pagespeed and particularly my largest contentful paint on mobiles. Would you be able to let me know what I’m doing wrong? This would help me a huge amount.
@clearlogos An analysis of the website is required in order to understand what settings should and shouldn’t be used. This is usually done via trial and error in “Test Mode”. You also use Autoptimize and my advice when you use Google PageSpeed is to append to the URL the query string /?ao_noptimize=1 which will load the page without Autoptimize triggering the combine CSS/JS. This way, the report would show you the list of assets individually (not just a big combined CSS file). The same thing applies to https://www.cleardesign.studio/?wpacu_clean_load which in fact should also deactivate Autoptimize.
Please check the tutorials from “Getting Started” -> “Vide tutorials” (plugin’s menu from the sidebar) if you haven’t already. The most popular one is “Speed Up WordPress in 2019: How To Optimize Your Website & Make It Load Fast”
