Optimize CSS Delivery and Remove render-blocking JavaScript

  • spalisetty

    (@spalisetty)


    7 years, 9 months ago

    I have couple of issues with Optimize CSS Delivery and one issue with Remove render-blocking JavaScript when running through Google pagespeed.

    
Remove render-blocking Javascript
https://betterlifeportal.com/wp-includes/js/jquery/jquery.js?ver=1.12.4

Optimize CSS delivery of the following
https://betterlifeportal.com/wp-content/cache/autoptimize/css/autoptimize_375893c0f4d85fcc6cc620d475772670.css
https://betterlifeportal.com/wp-content/cache/autoptimize/css/autoptimize_2b03c95c327bf557227a9ea72978bfa0.css

    How to get rid of those?
    I have used Autoptimize and the optimization came from 64 to 72 and also significant reduction in the number of these issues

    Regards
    Suman P.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • orangeworx

    (@orangeworx)

    7 years, 9 months ago

    Hello Suman,
    In some instances you cannot do more than what you have already done…
    Let me explain, remove render-blocking JS means to try and push back the loading of JS’s as much as you can to speed up website… Because, in some cases, the JS shapes your page, you cannot just simply load it later as your pages will negatively impact user experience, the content is loaded and then “placed” is not always acceptable nor pretty.
    In your case, you have jQuery loading … I can’t tell what’s your site’s theme using jQuery for but in the event it’s not affecting the layout then yes, you can delay loading it…

    As far as CSS delivery, autoptimize has “done its job” … I believe it’s minified and concatenated your CSS. Before autoptimize, that optimize CSS list was longer correct? more files and bigger file size.

    Unfortunately, the “issues” you’re dealing with are only issues if site design and speeds are affected and that would be entirely a decision you’ll have to take as to dealing with it.

    There are other services that you can use to test site speed and not fully rely on google’s pagespeed as the definitive. (pingdom and grader give you a good idea of problem areas)

    HTH

    Thread Starter spalisetty

    (@spalisetty)

    7 years, 9 months ago

    Thank you. I will leave it here

    Optimizing Matters

    (@optimizingmatters)

    7 years, 9 months ago

    thanks for helping out orangeworx 🙂

    As far as CSS delivery, autoptimize has “done its job” … I believe it’s minified and concatenated your CSS. Before autoptimize, that optimize CSS list was longer correct? more files and bigger file size.

    well, the “inline & defer”-option can help improve even more, have look at the FAQ for more info on that 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Optimize CSS Delivery and Remove render-blocking JavaScript’ is closed to new replies.