Eliminate render-blocking JavaScript and CSS in above-the-fold content

  • How can i solve this issue?
    Eliminate render-blocking JavaScript and CSS in above-the-fold content
    Your page has 1 blocking CSS resources. This causes a delay in rendering your page.
    Approximately 11% of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
    Optimize CSS Delivery of the following:
    https://fonts.googleapis.com/…0,400,500,600,700&subset=latin,all,latin

    Thank you for your knowledge.

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    Maybe try playing around with the “optimize Google Fonts”-option on the “Extra”-tab?

    hope this helps,
    frank

    Thread Starter teddybear1980

    (@teddybear1980)

    I checked with:
    -Combine and load fonts asynchronously with webfont.js
    -Remove Google Fonts
    -Combine and link in head (fonts load fast but are render-blocking

    Then, I test with Google pagespeed test, the result is same.

    Problem do not solved, any solution? Thanks

    Thread Starter teddybear1980

    (@teddybear1980)

    The Google page speed test:
    Screenshot link :
    https://drive.google.com/file/d/1sQ740Gd81kq7hl88KLkoXVPKnIPwOpSs/view?usp=drivesdk

    Thank You

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    you have a stylesheet that is doing an @import of a bunch of Google Font files, OA does not optimize imports (yet). you’ll have to check where (theme or plugin or pagebuilder) this is added and see disabling this is an option there.

    moreover; I see you’re using AO and FVM (which is great) at the same time, combining plugins that do the same thing can lead to unexpected results (as in; things breaking) so you might want to make a choice for either AO or FVM there ??

    Thread Starter teddybear1980

    (@teddybear1980)

    I tried to deactivate FVM , but Google page speed test showing lower rate，while I tried to test the selection on the Google font (autoptimize). Tested in few different aspects, but the highest score will be activate both plugin.

    Thread Starter teddybear1980

    (@teddybear1980)

    I will go for more detail checking

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    but the highest score will be activate both plugin.

    in that case if you’re comfortable with using both and with the risk of issues; go for it ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Eliminate render-blocking JavaScript and CSS in above-the-fold content’ is closed to new replies.