如何为网站添加缓存？

Question

基于Google页面速​​度工具，我应该利用浏览器缓存。如何为我的网站做到这一点？我只需要缓存除静态HTML页面之外的所有资产。我要添加什么代码？以及如何在html页面中添加这些代码？

Answer 1

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

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

您需要做的是配置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>

注意：您可能需要更改缓存持续时间以适应您的需求。