Support » Plugin: W3 Total Cache » fix Eliminate render-blocking JavaScript and CSS

  • Resolved Vincenzo

    (@vluongo)


    Hi,
    from google page speed i return only one problem called: Eliminate render-blocking JavaScript and CSS in above-the-fold content
    how can i solve the problem through the options?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Marko Vasiljevic

    (@vmarko)

    Hello,

    The problem is that Page Speed Insights wants you to perform something called ‘Code splitting’. A part of that process means that you figure out what part of the CSS is required to display ‘above the fold’-content — the content you see when you first visit the page without scrolling — and separate that part into a different file. That way, you can load that file the usual way and defer the loading of other stylesheets. You can do the same with scripts by adding async/defer to the script tags. If you’ve done that correctly, the website can show the content a lot faster and loads the content that’s not visible right away afterward. This will improve the “First Meaningful Paint” score from 3.5 seconds to under 1 second.

    The problem with above-the-fold-content is that we cannot figure that out for you. We can only combine and minify the scripts and stylesheets to improve the overall loading time. If you want to apply code splitting, you need to disable JS and CSS minification entirely and ask someone with knowledge about code splitting to help you out. Your theme and possibly some plugins need to be modified to separate the above-the-fold styles into a separate file.

    We don’t have such an option in our plugin, as it’s very complicated. Also, no other plugin can do that either.

    Regarding the Render-blocking JS, We have a Professional support solution for this in Performance>Support.

    hi, perfect, thank you for your time

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘fix Eliminate render-blocking JavaScript and CSS’ is closed to new replies.