WordPress.org

Forums

W3 Total Cache
Render-blocking JavaScript: (34 posts)

  1. longnha
    Member
    Posted 1 year ago #

    W3 Total Cache Version 0.9.2.11

    Hello,

    One of the plugin feature that is "Non-blocking JavaScript embedding" but I was wondering if this feature is still available?

    I checked Google PageSpeed and get a shiny read warning for "Eliminate external render-blocking Javascript and CSS in above-the-fold content"

    So, how can I solve this? If the plugin does not work on this, how can I solve it manually?

    Thank you.

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

  2. Oxhorn
    Member
    Posted 1 year ago #

    Hello, I too have this issue. I'm seeking to get my Google Page Speed score as close to 100% as possible. Any update on this?

  3. Oxhorn
    Member
    Posted 1 year ago #

    Any way we can get an expert to chime in on this one?

  4. aquapan
    Member
    Posted 1 year ago #

    I am in the same boat...

    So so close to google speed perfection.

    I would love an answer on this too.

  5. longnha
    Member
    Posted 1 year ago #

    For JS,

    in Minify tab >> JS

    and choose Embed type non-blocking but there have no such option for CSS.

  6. aquapan
    Member
    Posted 1 year ago #

    Oh nice... I will try that... thanks longha!

  7. Fearlessrebel
    Member
    Posted 1 year ago #

    Yes I have this message on google speed test

    Eliminate external render-blocking Javascript and CSS in above-the-fold content
    Your page has 5 blocking script resources and 2 blocking CSS resources.

    It has been doing my nut in trying to find a solution, can someone pleeeeeeese give me some advise on exactly how I can rectify?

  8. paraffin
    Member
    Posted 1 year ago #

    Hello, In google developer page speed test i get the following error.
    Can any one help me in how to clear the following from the report?

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

    Your page has 3 blocking script resources and 4 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://www.paraffingroup.co.uk/wp-includes/js/jquery/jquery.js?ver=1.10.2
    ■http://www.paraffingroup.co.uk/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1
    ■http://www.paraffingroup.co.uk/wp-content/themes/customizr/inc/js/modernizr.min.js

    ■Optimize CSS Delivery of the following:■http://www.paraffingroup.co.uk/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=3.5.3
    ■http://www.paraffingroup.co.uk/wp-content/themes/customizr/inc/css/red.css?ver=3.0.13
    ■http://www.paraffingroup.co.uk/wp-content/themes/customizr/style.css?ver=3.0.13
    ■http://www.paraffingroup.co.uk/wp-content/themes/customizr/inc/js/fancybox/jquery.fancybox-1.3.4.css?ver=3.7.1

  9. AthensWebStudio
    Member
    Posted 1 year ago #

    I to am having render blocking javascript and css above the fold content issues.

    In addition, I need to leverage browser caching even though it is enabled in the W3 Total Cache settings. I tried adding this expires caching code to my .htaccess; however, it caused a 500 internal server error. I am assuming it is because the host provider does not have the mod_expires module enabled.

    Hoping someone out there has figured this one out.

  10. cybersedona
    Member
    Posted 1 year ago #

    same issues here everyone, no answers yet, I have tried several plugins that say that they remove scripts in the header, no luck yet. will post something if I find.

  11. clouder
    Member
    Posted 1 year ago #

    Looking for the same one.

    My score is horrible at 75.

  12. Lollygreen
    Member
    Posted 1 year ago #

    I too would like the answer

  13. ericplotts
    Member
    Posted 1 year ago #

    So many people with the same problem and no answer.

  14. leslie1019wp
    Member
    Posted 1 year ago #

    First of all, use non-blocking using Async in minfication settings.
    Also, not all render blocking code can be removed above the fold. This is why you want to use non-blocking with Async.

    I just posted in another thread with reco'd settings for minfication. You just can't optimize all the code PSS reports on.

  15. sadhaka
    Member
    Posted 1 year ago #

    Changing the js minify settings from default (blocking) to non-blocking using "async" reliably takes my Page Speed score down from 93 to 85. Maybe it's just my setup, but I thought I'd just report that.

  16. sadhaka
    Member
    Posted 1 year ago #

    ... but Google Page Speed still recommends "Eliminate render-blocking JavaScript and CSS in above-the-fold content" for 10 resources. The only thing I can think of to do is to write code myself to deregister the resources and then load them in a different place, but that would be a hassle every time a plugin gets updated.

  17. goodsuccess
    Member
    Posted 1 year ago #

    I too have the same problem. Tried numerous plugins none of them work. Adding to the problem is I cannot use W3 total cache.

    Looking for a step by step guide on how a non-geek person can to the changes manually or a plugin that really works?

  18. Watch Teller
    Member
    Posted 1 year ago #

    Please move forward to others tools for page speed test. Because twitter, mashable and facebook almost same score like you and me. Please compare your score with them.

    My advise to use webpagetest tools and webpagetest forum to improve your site and search your solution there for time saving. They have great advisor there in forum.

    Cheers if you have better scores than them. ^.^

  19. baliharish
    Member
    Posted 1 year ago #

    I agree with watch teller, that we should move on , i tried webpagetest dot org but can't really understand their outcome, it is for techies i guess.

    meanwhile i noticed that twitter and facebook also have low scores in mobile on page insight by google.. but they have a 100/100 score on desktop. well that atleast we can aim to achieve but for that to happen someone should help on this forum to answer....

  20. Watch Teller
    Member
    Posted 1 year ago #

    Their desktop score Twitter 80/100, facebook 88/100, Mashable 73//100. May be different test zone/area.

    FYI regard webpagetest, any page load speed, the first byte (amount in time the server spent building the page for user) and start render (first point in time that something was displayed to the screen) very important. Refer https://site.google.com/a/webpagetest.org/docs/using-webpagetest/quick-start-quide

    webpagetest provided advance setting for 1st time viewer and repeat view; capture Video for yr site speed; number of tests to run (normally 3 runs); lots of test server locations; IE version, Chrome, Firefox, Safari browser test & etc.....

    You can check cdn1, cdn2, cdn3, cdn4 parallel download sizes and number of HTTP request across different browser, fisrt bytes, start render. Standard recommendation was split resources equally to 4 cdn to gain parallel download benifits.

    ^.^ ^.^ ^.^

  21. Watch Teller
    Member
    Posted 1 year ago #

    Hints!

    If your 1st bytes 10% lower of your load time get Grade A;

    Start Render time must fast completed before Load Time if not user will display nothing (blank) untill completed render resorces (start render time slower then load time).

    If not mistaken for PageSpeed insight, your need fast displaying 50%+ above screen for user will gain PASS for above-the-fold. I think I will not PASSED if I use lazy load plugin for image to speed-up my page load.

    ^.^ ^.^ ^.^

  22. baliharish
    Member
    Posted 1 year ago #

    Friend - I am unable to follow your comments may be because you are using language which someone who is at a good technology level can understand better. I tried using page insight but since there was no forum help available to support how can i resolve the issue which they are highlighting. i though to use webpage test but that's difficult to understand. link shared by you is not opening, can you help with some other link for the same

  23. Watch Teller
    Member
    Posted 1 year ago #

  24. free3dart
    Member
    Posted 1 year ago #

    My pagespeed is at 76 - low score because of the same issue.

    1. Tried w3 total cache - which minifies and combines into on js file, adds async, but breaks many JS script functionalities.

    2. Many of the plugins for social sharing use normal js files, which has to use async code. for e.g plusone.js.

    If this feature is integrated in WP, it will save many sites from SEO penalty.

  25. meravjon
    Member
    Posted 1 year ago #

    After I modify the setting I did achieve results.
    But now I got new problem:
    The following requests are returning 404/410 responses. Either fix the broken links, or remove the references to the non-existent resources.
    http://fonts.googleapis.com/assets/bullet.png
    http://fonts.googleapis.com/assets/loader.gif
    http://fonts.googleapis.com/assets/shadow2.png
    http://fonts.googleapis.com/assets/timer.png

    Can somebody help me with that?
    http://www.best-seo.co.il/

  26. Watch Teller
    Member
    Posted 1 year ago #

    Dont minify fonts.googleapis.com.

  27. meravjon
    Member
    Posted 1 year ago #

    Hi watch teller

    Thanks it did work.
    i have another problem the i can't chose the cache urls with query string option so I added this in my php
    add_filter( 'style_loader_src', 't5_remove_version' );
    add_filter( 'script_loader_src', 't5_remove_version' );

    function t5_remove_version( $url )
    {
        return remove_query_arg( 'ver', $url );
    }
    
    function _remove_script_version( $src ){
    $parts = explode( '?', $src );
    return $parts[0];
    }
    add_filter( 'script_loader_src', '_remove_script_version', 15, 1 );
    add_filter( 'style_loader_src', '_remove_script_version', 15, 1 );

    [Moderator Note: Please post code & markup between backticks or use the code button. Your posted code may now have been damaged by the forum's parser.]

    and it did solve some of the problems. So I added also the plugin: Remove query strings from static resources

    all this and still I get:
    Resources with a "?" in the URL are not cached by some proxy caching servers. Remove the query string and encode the parameters into the URL for the following resources:

    http://www.best-seo.co.il/wp-content/plugins/w3-total-cache/pub/minify.php?file=92b8a/default.include.176b53.css
    http://www.best-seo.co.il/wp-content/plugins/w3-total-cache/pub/minify.php?file=92b8a/page.include.76a153.js
    http://www.best-seo.co.il/wp-content/themes/pindol/css/ui/jquery.ui.all.css?ver=1.2.2
    http://www.best-seo.co.il/wp-content/themes/pindol/fonts/fontawesome-webfont.woff?v=3.0.1
    http://www.best-seo.co.il/wp-content/themes/pindol/style-colors.php?ver=1.2.2
    http://www.best-seo.co.il/wp-content/themes/pindol/style.php?ver=1.2.2
    https://accounts.google.com/o/oauth2/postmessageRelay?parent=http%3A%2F%2Fwww.best-seo.co.il#rpctoken=644134117&force…
    https://fbcdn-profile-a.akamaihd.net/hprofile-ak-frc3/v/t1.0-1/c130.38.477.477/s50x50/543338_10150905363274177_577787…
    https://lh3.googleusercontent.com/-iBaCbjNbP18/AAAAAAAAAAI/AAAAAAAAABo/AUvh6M9enJs/photo.jpg?sz=82
    https://oauth.googleusercontent.com/gadgets/js/core:rpc:shindig.random:shindig.sha1.js?c=2

  28. Watch Teller
    Member
    Posted 1 year ago #

    All external url css & js files to load into your website should not to minify.

  29. Watch Teller
    Member
    Posted 1 year ago #

    Hi I'm away from my desk & reply u via mobile. Reply you soon.

  30. meravjon
    Member
    Posted 1 year ago #

    OK Thanks again

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • W3 Total Cache
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic