如何消除首屏内容中的渲染阻塞 JavaScript 和 CSS

【问题标题】：How to Eliminate render-blocking JavaScript and CSS in above-the-fold content如何消除首屏内容中的渲染阻塞 JavaScript 和 CSS
【发布时间】：2015-08-14 16:12:05
【问题描述】：

我已经将我的桌面加速到 82/100，但移动速度仍然是 60/100。谁能推荐我一些关于将移动速度提高到 80/100 的技巧。

这是我当前的 Google PageSpeed Insights 的链接： https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.lutonairporttaxis.co.uk%2F&tab=mobile

【问题讨论】：

标签： pagespeed google-pagespeed

【解决方案1】：

您可以采取多种措施来提高您的申请分数。正如 PageSpeed Insights 建议的那样，您可以打开压缩。这是一个轻松的胜利，并且会通过网络改变您的文件大小。

就阻止渲染的 CSS 而言，您为什么不尝试自动化该过程。有一个很棒的插件叫做Grunt-Critical，它会自动为你提取和内联你的关键 CSS。有关更多信息，我建议阅读 this article 了解关键 CSS。

【讨论】：

谢谢。我尝试了 Grunt-Critical 插件，它运行良好:)