Pagespeed 和 css 交付优化答案

【问题标题】：Pagespeed and css delivery optimizationPagespeed 和 css 交付优化
【发布时间】：2017-04-05 17:02:12
【问题描述】：

Google 的页面速度告诉我要针对以下内容优化我的 CSS 交付，我很困惑。

http://*******.***/css/styles.css
https://maxcdn.bootstrapcdn.com/…t-awesome/4.5.0/css/font-awesome.min.css
https://fonts.googleapis.com/…ntserrat|Montserrat+Alternates|Open+Sans

第一个是我自己的css，其他的是通过一些CDN系统。我认为将 cdn 用于字体真棒会比自己托管它更好，对于谷歌字体也是如此。

至于我自己的 css，我怎么能比将它作为单独的文件托管更好呢？它已经被最小化了。为每个页面视图内联整个 css 文件不是更糟糕吗？

这里给出的答案 (Css optimization for google pagespeed insight) 似乎是欺骗 pagespeed 洞察力的黑客。

您可以给我什么建议或对理解它们的含义的见解将不胜感激。

【问题讨论】：

你需要整套Open Sans吗？你的 CSS 缩小了吗？
我的 css 使用的是指南针，并且输出样式被压缩，所以它是一行，尽可能多地删除了空白。所有 Open+Sans 的意思是我应该指定我想要使用的权重吗？

标签： css apache2 cdn

【解决方案1】：

是的，与你的 css 内联会更糟糕，因为它不能被缓存。 CDN 的全部意义在于，随着许多人使用它们（至少是谷歌的），用户很可能会将它们预先缓存，因此比将它们托管在新 http 请求上的 url 无法识别的服务器上要好。

我也不确定为什么 SSL 很重要，但从您的示例来看，您的服务器是唯一没有证书的服务器。

【讨论】：

我认为 ssl 并不重要。我的理解与您所说的类似，最好使用单独的 css 文件，因为不需要为每个页面视图下载它，尽可能使用 CDN。那么，为什么谷歌认为这是一个问题，并且它正在减慢网站速度？