1.What's Render-Blocking Scripts? And How To Solve This?? 2.How To Set an expiry date or a maximum age in the HTTP header? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
0

1.What's Render-Blocking Scripts? And How To Solve This?? 2.How To Set an expiry date or a maximum age in the HTTP header?

Google PageSpeed Insights Show Poor Qualities. They Marked Some Script as render blocking and ask for Leverage Browser Caching Codes ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css https://www.blogger.com/static/v1/widgets/1171200566-widget_css_mobile_2_bundle.css https://rawgit.com/SohanRazzak/Blogger-Ajax/master/css_mobile_2_bundle.css https://rawgit.com/SohanRazzak/Blogger-Ajax/master/font-awesome.min.css

1st Dec 2017, 8:36 PM
Sohan Razzak
Sohan Razzak - avatar
1 Answer
+ 2
For the leveraging browser caching and adding expires headers you can use the .htaccess file. This link is to the boilerplate template for a .htaccess file. https://github.com/h5bp/html5-boilerplate/blob/master/dist/.htaccess?ts=2 For the Render Blocking Before the browser can render a page it has to build the DOM tree by parsing the HTML markup. During this process, whenever the parser encounters a script it has to stop and execute it before it can continue parsing the HTML. In the case of an external script the parser is also forced to wait for the resource to download, which may incur one or more network roundtrips and delay the time to first render of the page. See Adding Interactivity with JavaScript to learn more about how JavaScript affects the critical rendering path. Here’s a guide to an in-depth understanding. https://developers.google.com/speed/docs/insights/BlockingJS
20th Apr 2018, 9:09 AM
Derek Stockton
Derek Stockton - avatar