如何使用htaccess为woff和woff2字体文件设置缓存TTL？

Question

我的WordPress站点htaccess文件目前有以下条目来设置woff和woff2字体文件的缓存过期：

<IfModule mod_expires.c>
  # Content type
    AddType application/font-woff   .woff
    AddType application/font-woff2  .woff2
    ExpiresActive on
  # Web fonts
    ExpiresByType application/font-woff   "access plus 1 year"
    ExpiresByType application/font-woff2  "access plus 1 year"
</IfModule>

但是，我仍然收到在速度测试工具中为这些文件设置缓存TTL的建议。以下是一个存在缓存效率问题的示例：https://gtmetrix.com/reports/bydik.com/ad8hZTzh/

我的htaccess文件有什么问题吗？我怎么才能解决这个问题？

Answer 1

ExpiresByType字体/woff2 2“访问+1年”ExpiresByType应用程序/字体-Woff2“访问加1年”ExpiresByType应用程序/x字体-Woff2“访问加1年”

您需要设置ExpiresActive On (在顶部)以使这些指令产生任何效果。

您也不需要所有这些指令。您应该检查服务器使用此资源发送的mime类型的Content-Type header -它只能是一个。mime类型需要匹配来自服务器的响应。

要确定这些指令是否有效，您应该检查HTTP中的Expires和Cache-Control: max-age头。

更新:您使用的是CDN (Cloudflare)，因此缓存响应头最终将由CDN决定。

您正在提供两个字体文件：

1. https://example.com/libs/fonts/fontsolaimanlipi.woff
2. https://example.com/fonts/fontawesome.woff2

第一个是woff字体文件(不是woff2)，它是以application/x-font-woff mime类型发送的(因此需要为此修改上面的指令)。

第二种是根本不发送Content-Type头(所以上面的指令将不适用，除非您有ExpiresDefault指令？)，所以您的服务器可能没有为这种mime类型启用。例如：

AddType font/woff2 .woff2

或者可以在CDN中进行配置。