WordPress.org

Ready to get started?Download WordPress

Forums

W3 Total Cache
How to eliminate render blocking Javascript and CSS above the fold (2 posts)

  1. jaimejay
    Member
    Posted 9 months ago #

    I was wondering if anyone could help...

    Can anyone assist with this? I went into my WP Total Cached and have my JS Minify settings at Minify and Non-blocking using "async" and the CSS Minify settings by ticking the Enable,
    Preserved comment removal (not applied when combine only is active), Line break removal (not applied when combine only is active), and didn't check Combine only.

    I went to https://developers.google.com/speed/pagespeed/insights/?url=slapshotstudio.com and entered my site:

    http://slapshotstudio.com and this is what I got back:

    Your page has 5 blocking script resources and 3 blocking CSS resources. This causes a delay in rendering your page.

    None 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.

    Remove render-blocking JavaScript:
    http://slapshotstudio.com/wp-content/cache/minify/000000/nY7RDcIwDEQXIlioA1XBuG0qJ06dGJXtMbQswN_p3tPZA6ybkb4uwxlCTrPGTtecyuUGhfY-UwlzZHYKVeVh2BvURbqgm2k8HciOmBrENe7QuiP85j9nJo2ZRpScrSR0Q8pv9UD0pNLHandObSH1M_450mQcqjGHzaT7jlITU_S0tk9_1G8.js

    http://slapshotstudio.com/wp-content/cache/minify/000000/BcGLCQAgCAXAiUQayeoRRoRpn_W7S_ysHL-gIbPqbGTSQPnoqHCWCOzgHizLMl3F-w.js

    http://slapshotstudio.com/wp-content/cache/minify/000000/jY5LDsIwDEQvhBt1xRk4AAcIjotMk7jYKZ_bk7YUsUAVkjdjz8xz61By8VigE02wd5wxjoHMXepcR9JnM12axHnXbpkNlYdi1XSmTMYGSjZINr4RWORA-t0Z6bEsa-AugpISKZLzZlTmwk4rjHJwPgQoAui1vN_4HViq4RQF-5FX0iyPh83kB_V1_geFIj3TSlrUlHsB.js

    http://slapshotstudio.com/wp-content/cache/minify/000000/BcEBCoBACATAF9XSk8T2okAFV7jvN3NhV3lFsJ0wiSN8wurKYd5w6zlW2xPM0Rlv_g.js

    http://slapshotstudio.com/wp-content/cache/minify/000000/M9Qvz89Pzs_NTS1KTtVPLC5OLSnWzwKiwtLUokrdgpzE5NSM_JyU1CKokB6SkF5uZh4A.js

    Optimize CSS Delivery of the following:

    http://slapshotstudio.com/wp-content/cache/minify/000000/ZY3BEsIgDER_qEzsyc9h0hCRmRSQhNb-vaj15HX3vd0ZMj8tcnYRRbgdUFsJnUyh3osVamjJnwysoxLWn-NPx4ekVfAAtUHTX91Y0Dj4tGJknWbYK_W2sRPMIeXo6sjd0pMEboCqPO5JFfBRF7cl3qcLDCTT--IQHhNUsiGZu5W2uiukTNIDf7UPoy8.css

    http://slapshotstudio.com/wp-content/cache/minify/000000/M9Qvz89Pzs_NTS1KTtVPLC5OLSnWTy4uRhYGAA.css

    http://slapshotstudio.com/wp-content/cache/minify/000000/dYxBDsJADAM_RBT1D_3IKqRVUGiWeIPE71ngwKk3azz2wrB7dyWEWHMyiQMsAGO8XC8L73ooDJSKPjt7Ttftqvk3solu5dTLnR4VQ8FTj0qZ6YYP_2GSyNPJ9w-86tbKxxs.css

    http://wordpress.org/plugins/w3-total-cache/

  2. Alex Schenker
    Member
    Posted 7 months ago #

    This thread helped me with the render-blocking JS issues: http://wordpress.org/support/topic/eliminate-external-render-blocking-javascript-and-css-in-above-the-fold-content?replies=23

    But the CSS I'm still having troubles with myself. At least the render-blocking removed the red warnings (only yellows left now).

Reply

You must log in to post.

About this Plugin

About this Topic