如何为网站添加缓存？

Question

基于Google page speed tool，我应该利用浏览器缓存。我如何为my site执行此操作？我只需要缓存除静态HTML页面之外的所有资产。我添加了哪些代码？我在哪里可以在html页面中添加这些代码？

Answer 1

为了让浏览器缓存静态元素（通常是：CSS，JS，图像），您必须为这些元素发送所需的HTTP标头。

请注意，它与您的HTML页面无关：使用不同的HTTP请求获取CSS / JS /图像 - 每个资产一个。

您需要做的是配置您的Web服务器，因此它会发送HTTP标头以指示它应该缓存这些项目的浏览器。

通常，如果使用Apache，您将使用mod_expires，并且您将使用类似这样的配置块：

<IfModule mod_expires.c>
    ExpiresActive   On
    ExpiresByType   text/css    "access plus 6 hours"
    ExpiresByType   application/javascript    "access plus 6 hours"
    ExpiresByType   image/gif    "access plus 1 weeks"
    ExpiresByType   image/png    "access plus 1 weeks"
    ExpiresByType   image/jpeg    "access plus 1 weeks"
</IfModule>

注意：您可能希望更改缓存持续时间，以满足您的需求。