Eliminate render-blocking JavaScript and CSS in above-the-fold content | SoloLearn: Learn to code for FREE!


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

3/5/2017 3:57:02 AM

echo $name

4 Answers

New Answer


@Maria you are lightYears ahead of me.


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.


https://developers.google.com/speed/docs/insights/BlockingJS .. but anyway, you seems using too much external ressources at same time ^^


<script src="url" type="text/javascript" defer></script>