css - Pagespeed 和 css 交付优化

标签 css apache2 cdn

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,除了将它作为一个单独的文件托管外,我还能做些什么?它已经被最小化了。为每个页面 View 内联整个 css 文件不是更糟吗?

此处给出的答案 ( Css optimization for google pagespeed insight ) 似乎是一种欺骗 pagespeed 洞察力的技巧。

你能给我什么建议或洞察力来理解他们的意思,我们将不胜感激。

最佳答案

是的,与您的 css 内联会更糟,因为它无法缓存。 CDN 的全部意义在于,由于有很多人使用它们(至少是谷歌用户),用户很可能会预先缓存它们,因此比将它们托管在新 http 请求的 url 无法识别的服务器上要好。

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

关于css - Pagespeed 和 css 交付优化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36068451/

相关文章:

apache - django Rest_framework 中缺少授权 header ,是 apache 的错吗?

.htaccess - 保留GET参数的RewriteRule

css - 不依赖 JavaScript 的 Bootstrap CDN 的 WordPress 回退?

javascript - 为什么这段代码不显示背景图片?

html - 使 Bootstrap 中的图像缩略图彼此相邻且大小相同

javascript - 如何创建这样的 Bootstrap 标签?

html - 严格的 2 列布局与元素跨越多列的 12 列相比有哪些优势?

ssl - EV SSL 不显示绿色条

php - 内容分发网络 (CDN) 性能和限制

http - 当 HTTP 代理已经缓存内容时,为什么我们需要 CDN?