Google PageSpeed Insights - 1 个外部 CSS 文件拦截答案

【问题标题】：Google PageSpeed Insights - 1 external CSS file blockingGoogle PageSpeed Insights - 1 个外部 CSS 文件拦截
【发布时间】：2014-09-21 17:28:52
【问题描述】：

我正在尝试使用 Google PageSpeed Insight Tool 优化网站..

有一点我不知道如何解决

1 个外部 CSS 文件被阻止

已经尝试了一切.. 将 <link> 与所有 <script> 标记一起移到了底部。. 还尝试了使用 https://github.com/filamentgroup/loadCSS/blob/master/loadCSS.js 进行异步加载

所有解决方案最终都会出现更多“错误”

这是页面洞察

https://developers.google.com/speed/pagespeed/insights/?url=www.dynaccount.com

【问题讨论】：

见：developers.google.com/speed/docs/insights/OptimizeCSSDelivery。我会专注于：使用 CDN，以及连接和缩小文件。
CDN 或其他子域是否可以解决阻塞 js/css 文件的“问题”？ :)
不，我引用的链接是“解决方案”。这个问题已经被问过很多次了。 bit.ly/1sithqB & bit.ly/1sitzO4

标签： javascript html css seo

【解决方案1】：

问题在于所有 CSS 文件都被阻塞，以至于在下载所述文件之前无法呈现页面。

Google Pagespeed 工具建议您内联所有“首屏”CSS，因为内联 CSS 不会阻碍页面加载。

Addy Osmani produced a video 解释这一点并向您展示如何提取“首屏”css。

【讨论】：