Render Blocking CSS/JS

  • Resolved Elcano

    (@travolve)


    6 years ago

    Hi guys,
    after the Google Page Speed Site gave me almost 2 seconds of savings if I eliminate render-blocking resources, I turned off a couple of CSS and JS with the button “Don`t load file”. The dashboard shows a grey color, but whe I run the Google Speed Site again, it still says that the CSS/JS is still there. How can that be?

    Thank you for your help

    Cheers

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Saurabh – WPMU DEV Support

    (@wpmudev-support7)

    6 years ago

    Hello @travolve,

    I went ahead and checked the google page speed insights and I see there a few more files which need a bit of work. But before you do that, can you try to clear your site cache and also check with your hosting provider if they do have an object cache on their end. If they do have it, kindly ask them to clear it and then check. If that does not work too, you can try to inline them or moving them to footer too. Here is the screenshot for the same:

    https://monosnap.com/file/NrCsk0UuoNe9KOfabVoYU0COHcr1Uy

    You may need to try one thing at a time to check what gives you the best output while working on the asset optimisation. Please let me know what works for you.

    Regards,
    Prathamesh Palve

    Thread Starter Elcano

    (@travolve)

    6 years ago

    Thank you very much Prathamesh,

    you are absolutely right, I have to press the “empty cash” button in the dashboard and not the one in the asset optimisation tab. Thanks for this.

    Yeah the divi CSS is quite a lump :-). I have no idea how to get rid of this. I also found out that I need the jquery JS. Otherwise the mobile menue and the divi blog module is not working.
    This means I am nailed to the biggest JS!

    Any ideas?

    Thank you very much

    Plugin Support Imran – WPMU DEV Support

    (@wpmudev-support9)

    6 years ago

    Hello @travolve

    I hope you’re doing well!

    I apologize for the delay in this thread. The Divi theme comes with built-in optimization. Please see this documentation page:
    https://www.elegantthemes.com/blog/divi-resources/speeding-up-your-divi-website#speed

    Please enable these options first:
    – Static CSS File Generation.
    – CSS & JavaScript File Minification
    – CSS & JavaScript File Combination
    – Google Font Request Optimization

    After this please re-check Asset Optimization in Hummingbird. Compress and Combine the rest of the files. After this move to footer and Defer scripts.

    Please do not move to the footer position jquery, jquery-migrate and core theme js files.

    All changes please do one file at a time. Save changes and view the front end if all is well. If something is broken unselect the last enabled option and continue to the next one.

    Hope this helps!

    Cheers,
    Nastia

    Plugin Support Imran – WPMU DEV Support

    (@wpmudev-support9)

    5 years, 11 months ago

    Hello there @travolve

    I hope you are doing well!

    We haven’t heard back from you for a while now so we’ve marked this ticket as resolved. If you do have any followup questions or require further assistance feel free to reopen it and let us know here.

    Kind regards,
    Nastia

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

The topic ‘Render Blocking CSS/JS’ is closed to new replies.