23

所以我正在创建一个超优化的网站,我的页面加载速度https://developers.google.com/speed/pagespeed/99 (out of 100)

唯一让我远离百分百的是:

通过指定缓存验证器(Last-Modified 或 ETag 标头),您可以确保可以有效地确定缓存资源的有效性。

什么?!我不知道我该怎么办。如何为 google webfonts 设置缓存验证器?

我有这样的网络字体:<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800' rel='stylesheet' type='text/css'>.

如果这很重要,我在 ubuntu 上使用 apache2。

将 webfont 下载到服务器并从那里使用它会将分数降至 96,因此这也无济于事。

4

3 回答 3

15

你对此无能为力。您无法控制谷歌服务器发送的标头。

我什至会说它报告了一个你应该修复的误报。

http://redbot.org/?uri=http%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DOpen%2BSans%3A400%2C800

如您所见,资源被缓存,具有最大年龄标头,甚至被压缩。

你的网站速度够快!我不会担心得到 100。你可能会停止优化它。

但如果你想多做一些,这里有一些改进的想法,我跑了一个报告:http ://www.webpagetest.org/result/130703_H7_15KM/

于 2013-07-03T18:59:59.063 回答
1

这是一个漂亮而干净的解决方案。

99分真的不错。但是,如果您担心剩下的 1 个分数,您可以从修复此问题的 Easy Fonts 库加载 Open Sans 字体。

<link href="https://pagecdn.io/lib/easyfonts/open-sans.css" rel="stylesheet" />

完整的字体参考可在Easy Fonts网站上找到。在生产中使用 Easy Fonts 库还有更多好处。请参阅此 stackoverflow 答案:https ://stackoverflow.com/a/57073920/369005 。

于 2019-10-07T06:13:25.167 回答
0

实际上你可以用<link rel="prefetch" type="text/css" onload="this.rel='stylesheet'" href="fonturl">

于 2016-06-20T11:21:23.293 回答