利用静态资产的缓存

时间:2013-01-14 18:19:40

标签: html caching cdn

我了解您可以在自己的网络服务器上设置缓存,但是如何利用静态资产缓存CDN。例如

FAILED - (No max-age or expires) - http://fonts.googleapis.com/css?family=Bree+Serif
FAILED - (No max-age or expires) - http://fonts.googleapis.com/css?family=Open+Sans

我在Amazon S3上托管的文件也没有缓存

我的HTML看起来像

<link href="http://fonts.googleapis.com/css?family=Bree+Serif" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">

1 个答案:

答案 0 :(得分:0)

1.Copy-粘贴字体(或字体系列)CSS文件。

2.将生成的FLAT CSS文件放在某个位置&amp;您选择的命名约定,您的Web应用程序中的某个位置或您可以随时访问的集中式已知位置。

3.下载每个.ttf文件,根据一些合理的约定重命名它们,包括实际的“.ttf”文件扩展名。 mime-type应该包含在文件本身的二进制文件中。 (这是一个很好的理论。如果有人知道如何测试它,请告诉我。)

4.再次放置那些你可以访问的合理的地方。您在步骤2中放置CSS文件的目录中的“ttf /”目录对我来说似乎很合理。

5.编辑CSS以反映那些.ttf的新网址,而不是Google的“动态化”网址。

6.编辑原始CSS include以反映平面CSS文件的新位置。 享受Web字体上的快速下载时间。