Hi guys
I working on optimising the speed of my site and I’ve been using the PageSpeed Insights tool from Google. One of the suggestions that it gives is to remove render-blocking JavaScripts and CSS in above-the-fold content.
Is it easy for me to undertake this work or is more specialised knowledge needed?
Many thanks in advance
N
Hi nrosella!
This is not always possible. Eg scripts like jquery.js and avia.js MUST load at the top (otherwise you’ll break the website) and it makes no sense to load them as inline js which is considered as non-blocking js (see https://developers.google.com/speed/docs/insights/BlockingJS ) because then the browser can’t cache the js files and you add 60-80kb unnecessary data to the html document. Like the article explains ( https://developers.google.com/speed/docs/insights/BlockingJS ) this makes only sense with very small scripts but not with the jquery framework script or bigger scripts like avia.js.
These pagespeed hints are just guidelines and it’s not always the best practice or reasonable to follow them.
Best regards,
Peter
Hi Dude
Thanks for your response. I’m glad this is the case as it all sounds a bit over my head!
Cheers
N