Render-blocking JavaScript:
-
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”
-
http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.digitalcashpalace.com%2F
So, how can I solve this? If the plugin does not work on this, how can I solve it manually?
Thank you.
-
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?
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. ^.^
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….
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.
^.^ ^.^ ^.^
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.
^.^ ^.^ ^.^
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
Sorry for my language, herewith the https://sites.google.com/a/webpagetest.org/docs/using-webpagetest/quick-start-quide.
^.^ ^.^ ^.^
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.
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.pngCan somebody help me with that?
http://www.best-seo.co.il/Dont minify fonts.googleapis.com.
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=2All external url css & js files to load into your website should not to minify.
Hi I’m away from my desk & reply u via mobile. Reply you soon.
OK Thanks again
Edited.
Yes! Correct direction to remove version & the query string “?”.
All files have browser cache header. I think the only reason was the php script (php?ver…) to output the css files. Try to avoid it.
For 1st & 2nd, are you using auto minify?
Are you using child theme? If you Manual Minify CSS, need enable the @import handling at Performance > Minify > Minify CSS Setting section.
All external URL CSS & JS not encourage browser cache, cannot done anything via w3tc browser cache setting, because they keep on changing or improve the css & js files.
refer to your page speed test http://gtmetrix.com/reports/www.best-seo.co.il/1qsPSceC
Please focus on the hight to low priority task.
- The topic ‘Render-blocking JavaScript:’ is closed to new replies.