How to Eliminate render-blocking JavaScript and CS

2019-08-14 00:04发布

问题:

I have speedup my desktop to 82/100, but mobile speed is still 60/100. Can anybody recommend me some tips about improving the mobile speed to 80/100.

Here is link the my current Google PageSpeed Insights: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.lutonairporttaxis.co.uk%2F&tab=mobile

回答1:

There are a number of things that you could do to improve the score of your application. As PageSpeed Insights suggests, you could turn on your compression. This is an easy win and will make a difference to your files sizes over the wire.

In terms of the render-blocking CSS, why don't you try and automate the process. There is a great plugin called Grunt-Critical that will automatically extract and inline your Critical CSS for you. For more information, I recommend reading this article about Critical CSS.