I am frustrating css rendering problem. According to Google PageSpeed Insights, My website speed is 71/100. I can remove almost error but I can't solve css rendering problem.
Actually my website has only one minified css file. When I search google, they suggest me to keep css files in head section and js files in above closing body tag, but it doesn't work. I try using all method and ideas which are found in google. Async or defer to js file doesn't work for me. Using noscript tag to css, css doesn't work. I try calling css from document.write function, still it doesn't work. I try removing inline css and all js file, but problem can't be solved. According to google page speed insights suggestion I include following code.
but it is also helpless.
Many WordPress expert advice to use plugin, but my website doesn't use any platform like WP. I know, if I can fix this error, website speed will increase. How to fix this error ? Does css structure affect in this case ?
Code:
Your page has 1 blocking CSS resources. This causes a delay in rendering your page.
Code:
<script>
var cb = function() {
var l = document.createElement('link'); l.rel = 'stylesheet';
l.href = 'krishisansar.com/css/camera.min.css';
var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
};
var raf = requestAnimationFrame || mozRequestAnimationFrame ||
webkitRequestAnimationFrame || msRequestAnimationFrame;
if (raf) raf(cb);
else window.addEventListener('load', cb);
</script>
Many WordPress expert advice to use plugin, but my website doesn't use any platform like WP. I know, if I can fix this error, website speed will increase. How to fix this error ? Does css structure affect in this case ?