Close

Remove Render-Blocking JavaScripts

ehubcap
9 years ago
#7501 Quote
Avatar
  • 43
Running Google PageSpeed insights metrics to improve my http://ehubcap.net site performance it flagged a warning as follow:
"Consider Fixing:
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 1 blocking script resources and 2 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://ehubcap.net/…mFFR0lejVCKoiYRAdoiror7VXF_PHOFqCmgyDwE1
Optimize CSS Delivery of the following:
https://fonts.googleapis.com/css?family=Open+Sans:400,300,700
http://ehubcap.net/…Z1H5ti-cY9WajlKPD-WxLNe6e6as8Hn-A9JRlVg1"

This seem to be a reference to the mobile mode of the responsive media queries bundling structure coded for the Theme.
What feasible solution can be achieve to solve this?
Google will penalize our ranking if we don't abide by this compliance guideline
Advise please
Jose
ehubcap
Deni
9 years ago
#7507 Quote
Avatar
  • Moderator
  • 389
ehubcap wrote:
Running Google PageSpeed insights metrics to improve my http://ehubcap.net site performance it flagged a warning as follow:
"Consider Fixing:
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 1 blocking script resources and 2 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://ehubcap.net/…mFFR0lejVCKoiYRAdoiror7VXF_PHOFqCmgyDwE1
Optimize CSS Delivery of the following:
https://fonts.googleapis.com/css?family=Open+Sans:400,300,700
http://ehubcap.net/…Z1H5ti-cY9WajlKPD-WxLNe6e6as8Hn-A9JRlVg1"

This seem to be a reference to the mobile mode of the responsive media queries bundling structure coded for the Theme.
What feasible solution can be achieve to solve this?
Google will penalize our ranking if we don't abide by this compliance guideline
Advise please
Jose
ehubcap



Hello,

The scores you get on the Google PageSpeed tests are really impressive. There are few sites that can get such high scores - 82/100 and 91/100.

The warnings that Google shows you are that the JavaScript and the CSS file are too big and this slows down the page. Google says that, because the files are bundled and they are bigger than its standard file size. But if you have all the javascript and CSS files separately this will be awful - you will have between 10 and 30 more requests to the server on each load - And it will not be faster.

There is no place for bothering! Even sites like facebook, google and youtube has lower page speed, so do not think that your score will affect your ranking badly.

Best Regards
and
keep the good work !
Best Regards,
Mladen Staykov
Nop-Templates.com
ehubcap
9 years ago
#7511 Quote
Avatar
  • 43
Thank you Deni for responding to my request for help.
First off, this community, developers, designers contributors and us loyal users are the best in the business and helping stretch the lead over the competition.
Google is asking to move these Java Scripts and CSS Bundling somewhere else but above the fold page content, this is not affecting the Desktop rather the mobile devices ( remember T-Mobile and its slow connections due a cheap rented coverage, say CenturyLink anyone?) for the requested page rendering may be delayed while the compressed yet large bundle scripts are being parsed.
Question for NopTemplates-NopCommerce great minds are:
Can these two files be moved somewhere else below the head? most likely not,  can the bundle be optimized even further?, Are the NopCommerce-NopTemplates developers aware of this and a solution is on the works?
Can we afford to ignore Google policing call to action on the optimization field? or else risking penalties like those handled down by Panda for violating or worse yet snubbing off theirs webmaster guidelines on SEO? Think not!
Unfortunately our online business exposure model heavily depend on the Google suite engine
Thank you again
Jose
ehubcap
ehubcap
9 years ago
#7512 Quote
Avatar
  • 43
Surfing for an answer, I came accross to this interesting compound approach.
Can it be implemented totally or partial to help on the issue at hand?
Hope somebody have an answer...
Deni
9 years ago
#7517 Quote
Avatar
  • Moderator
  • 389
Hello,

We know the good practices used over the web for better SEO. But we still need to follow the nopCommerce model.

Yes, the article you have found is maybe one of the best solutions for faster JS loading and Yes, it can be used in nopCommerce.


You may suggest this JS approach both to our user voice portal and to nopCommerce.

Best Regards !
Best Regards,
Mladen Staykov
Nop-Templates.com