-
Posts
-
I use W3 Total Cache to minify js. Pagespeed insights gives me a terrible score and the main problem it says is that I need to: Eliminate render-blocking JavaScript and CSS in above-the-fold content. However, when I set the minify settings in W3 Total Cache to any type of non-blocking option, the full width slider on my homepage stops working. Help!
Hey kieranvyas,
There are a few thoughts here, the full width slider requires JavaScript, and would otherwise need to wait until it loads. Minify JS must be done it the order that the scripts are called, otherwise they wont work. For your issue some have reported that W3 Total Cache has not been the best option. Perhaps https://wordpress.org/plugins/wp-fastest-cache/ would be worth the try.
I have looked at your test, and I believe your “Optimize images” is a factor. See this test http://www.webpagetest.org/result/170318_D1_ZT0/ where you got an A on everything but Compress Images. You can easily Compress Images in your .htaccess with this code:# compress text, html, javascript, css, xml: AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE image/png AddOutputFilterByType DEFLATE image/gif AddOutputFilterByType DEFLATE image/jpg AddOutputFilterByType DEFLATE image/jpegOr by using a plugin. Hopes this helps
Best regards,
MikeHi Mike thanks for this! I’ve added your code to the end of my htaccess file but it’s made no difference, I’m still getting the same low score for optimising images. I have wp smush installed shouldn’t this take care of that anyway? What can I do? Thank you!
Hi,
I have just looked at your tests again, http://www.webpagetest.org/result/170319_WX_SFZ/ and you now have a B for Compress Images, see here to improve: http://www.webpagetest.org/result/170319_WX_SFZ/3/performance_optimization/#compress_images
I wanted to show you this first because yesterday on Pagespeed Insights you scored 3, today you score 58! That’s a huge jump, and on Desktop your at 70! Congrats! Now when you look at CNN’s 57 https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fcnn.com%2F your doing great.Now the thing is “Eliminate render-blocking JavaScript” is going to show for any site that uses JS, above the fold, such as a slider. Pages load slower with JS in the head, but Pagespeed Insights gives a warning with JS in the footer. But many believe that this is not that big when factoring the total page speed.
I hope I have been helpful, here is a little more: https://wp-rocket.me/blog/the-truth-about-google-pagespeed-insights/
Best regards,
MikeThat’s really helpful, thank you very much! So is my issue that my images aren’t compressed well enough or that they aren’t progressive? Looking at the results from the test you did, it seems that half of my images are progressive JPEGs. Would you be able to help me a little more? I’m not sure how half of my images are already progressive, but how do I convert the rest? I’m using WP smush but I don’t think that does it.
Hi,
If you are looking to convert your images into progressives then I think you will have to edit them in a software like Photoshop or Gimp and save them as Progressive. There might be a plugin or service online to help you out to convert them automatically but I’m not aware of any unfortunately.
Best regards,
RikardHi,
If you don’t have Photoshop or Gimp, try https://tinyjpg.com/Best regards,
Mike
- You must be logged in to reply to this topic.