Eliminate render-blocking JavaScript and CSS in above-the-fold content | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 17

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

i dont know how to render blocking css or java-script please help me i test my website( www.roominsikar.com ) speed on google page speed. google says:- Should Fix: Eliminate render-blocking JavaScript and CSS in above-the-fold content Your page has 10 blocking script resources and 11 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://roominsikar.com/vendor/modernizr/modernizr.js http://roominsikar.com/vendor/jquery/jquery.js http://roominsikar.com/vendor/jquery.easing/jquery.easing.js http://roominsikar.com/vendor/bootstrap/bootstrap.js http://roominsikar.com/vendor/common/common.js http://roominsikar.com/vendor/owlcarousel/owl.carousel.js http://roominsikar.com/js/theme.js http://roominsikar.com/…plugin/js/jquery.themepunch.tools.min.js http://roominsikar.com/…n/js/jquery.themepunch.revolution.min.js http://roominsikar.com/js/theme.init.js Optimize CSS Delivery of the following: http://fonts.googleapis.com/…300,400,600,700,800%7CShadows+Into+Light http://roominsikar.com/vendor/bootstrap/bootstrap.css http://roominsikar.com/vendor/fontawesome/css/font-awesome.css http://roominsikar.com/vendor/owlcarousel/owl.carousel.min.css http://roominsikar.com/…or/owlcarousel/owl.theme.default.min.css http://roominsikar.com/css/theme.css http://roominsikar.com/css/theme-elements.css http://roominsikar.com/css/theme-blog.css http://roominsikar.com/vendor/rs-plugin/css/settings.css

5th Mar 2017, 3:57 AM
Saurav Saini
Saurav Saini - avatar
4 Answers
+ 10
@Maria you are lightYears ahead of me.
21st Aug 2017, 2:49 PM
niteOwLTwO
niteOwLTwO - avatar
+ 9
Add your JavaScript just before the closing body tag, or have a self invoking function that adds them on page load - if not absolutely necessary to generate content. Try using a CDN for those scripts that can easily get cached too - Bootstrap, Owl Carousel etc.
5th Mar 2017, 10:45 PM
Mark Foxx
Mark Foxx - avatar
+ 5
https://developers.google.com/speed/docs/insights/BlockingJS .. but anyway, you seems using too much external ressources at same time ^^
5th Mar 2017, 10:52 PM
visph
visph - avatar
+ 5
<script src="url" type="text/javascript" defer></script>
27th Aug 2017, 5:48 PM
Russel Reeder
Russel Reeder - avatar