【发布时间】：2018-10-17 16:28:04
【问题描述】：
我有一个托管在 Google App Engine 上的纯静态网站。前面是 Cloudflare CDN。
我运行了 Google 页面洞察力，让我了解我的网站的表现如何，根据 Google 的说法，它表现不佳。我希望 Google 看到它在 SEO 方面表现良好。
这是我从 Google 获得的报告：
有两种推荐方式：
1) 消除首屏内容中的渲染阻塞 JavaScript 和 CSS 显示如何修复
2) 利用浏览器缓存
对于问题 1，我尝试了很多我在 Google 上阅读的内容。我尝试将“aync defer”添加到链接属性。我试图让 media = print 以便浏览器首先呈现 html，然后再应用 css。我尝试将样式表的链接移动到 html 文档周围的不同位置。基本上我试图遵循这个：https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery.
截至目前，我的 html 页面（我的网站只是在静态 html 页面上）结构如下所示：
<html>
<head>
<!-- all links/references to css files and javascript files -->
</head>
<body>
</body>
</html>
我的第二个问题是浏览器缓存，我不明白为什么会出现此错误。 Google App 引擎缓存文件，然后在 Cloudflare CDN 之上设置文档上的缓存标头（以及 gzip），以便浏览器缓存它（下面是打开的 Cloudflare 缓存组件）。
当我运行页面时，我可以看到浏览器正在缓存静态文件并在 chrome 工具中使用这些缓存的文件：
这真的是我第一次创建生产静态网站，所以我可能会误解很多事情，但我正在研究如何消除这两个问题。
干杯
【问题讨论】：
-
“根据谷歌的说法它表现不佳” - 无关紧要。它的表现如何？页面速度数字只是一个数字。
-
它非常快，就用户体验而言，我并不担心页面加载并几乎立即呈现。我只是担心，因为我从 Google 获得了 67/100 的性能排名。如果 Google 认为页面很慢（即使不是），我的 SEO 也会受到影响。
-
我认为 Google 不使用性能数字来进行排名。这个数字只是为了让开发者更快地获得网站。谷歌想要速度和可读性，（以及人），这些都很重要。如果你明白了，别担心。并测试！在你能找到的每一部手机上试一试。等等
-
网址是什么？确保所有 CSS 和字体都在任何 JS 之前。 JS 很少需要放在 中，JS 应该放在 HTML 之后。 Google 可能认为 2 天对于缓存来说太短了。
标签： css performance caching cdn pagespeed