浏览器缓存是一种提高网站加载速度的方法。当一个网页加载时,所有的文件将被单独加载。这会在浏览器和WordPress主机服务器之间创建多个请求,从而增加网页加载时间。启用浏览器缓存后,您的Web浏览器会在本地存储您的网页副本。这允许浏览器在用户访问您网站上的第二页时更快地加载常见文件,如样式表、徽标、图像等。这减少了整体服务器负载,因为对实际服务器的请求会减少,因此您的网站性能将得到改善。
您将在哪里看到WordPress的使用浏览器缓存警告?
使用浏览器缓存警告意味着您没有启用浏览器缓存,或者您的缓存设置可能错误。当您运行网站速度测试时,您会收到一份报告,其中显示您可以修复哪些方法来加速WordPress。如果您的网站当前未使用浏览器缓存,那么您将收到启用浏览器缓存的警告。这就是从页面速度洞察工具查看结果时的样子。有时您会收到一条警告,指出您的高效缓存策略不起作用。这两个警告都是指您的浏览器缓存设置错误。利用浏览器缓存意味着激活和自定义缓存规则以加速您的网站。推荐阅读:《WordPress主机需要多少钱呢?》
方法1.使用WPRocket插件修复使用浏览器缓存警告
WPRocket是市场上最好的WordPress缓存插件。它非常适合初学者,即使不了解复杂的缓存和速度术语,也可以帮助您优化站点以提高速度。要使用WPRocket修复利用浏览器缓存警告,您所要做的就是安装并激活插件而已。
WPRocket将自动启用浏览器缓存并.htaccess使用正确的规则修改您的文件。
方法2.通过向WordPress添加代码来修复利用浏览器缓存警告
第二种方法涉及向WordPress文件添加代码。这种方法对初学者不太友好,因此请仅在您确切知道自己在做什么时才遵循此方法。对于大多数企业主,我们建议使用方法1。话虽如此,让我们来看看如何通过向WordPress添加代码来修复利用浏览器缓存警告。
注意:在您自定义您的WordPress代码之前,我们建议您备份您的WordPress网站。推荐阅读:《搭建网站时选择WordPress 主机的5大理由》
在Apache中添加缓存控制和过期标头
要使用Apache服务器修复杠杆浏览器缓存警告,您需要向.htaccess文件中添加代码。要编辑此文件,您需要使用FTP客户端或主机的文件管理器工具连接到您的WordPress主机帐户。连接后,您可以.htaccess在网站的根文件夹中看到您的文件。接下来,您需要添加缓存控制和/或过期标头以打开浏览器缓存。这会告诉Web浏览器在删除网站资源之前应将其存储多长时间。cache-control标头向Web浏览器提供了有关如何进行缓存的特定详细信息。expires标头启用缓存并告诉Web浏览器它应该在删除特定文件之前存储多长时间。
您可以将以下代码添加到您的.htaccess文件中以添加过期标头:
##EXPIRESHEADERCACHING##ExpiresActiveOnExpiresByTypeimage/jpg”access1year”ExpiresByTypeimage/jpeg”access1year”ExpiresByTypeimage/gif”access1year”ExpiresByTypeimage/png”access1year”ExpiresByTypeimage/svg”access1year”ExpiresByTypetext/css”access1month”ExpiresByTypeapplication/pdf”access1month”ExpiresByTypeapplication/javascript”access1month”ExpiresByTypeapplication/x-javascript”access1month”ExpiresByTypeapplication/x-shockwave-flash”access1month”ExpiresByTypeimage/x-icon”access1year”ExpiresDefault”access3days”##EXPIRESHEADERCACHING##
此代码根据文件类型设置不同的缓存到期日期。之后,您可以添加以下代码以启用缓存控制:
<FILESMATCH”.(ICO|PDF|FLV|JPG|JPEG|PNG|GIF|SVG|JS|CSS|SWF)$”>
HeadersetCache-Control”max-age=96000,public”
此代码设置缓存到期的时间。在上面的示例中,缓存将在90,000秒后过期。之后,Web浏览器将请求文件的新版本。
在Nginx中添加缓存控制和过期标头
如果您使用NginxWeb服务器来托管您的WordPress博客,那么您可以编辑服务器配置文件来修复浏览器缓存错误。您如何编辑和访问此文件取决于您的主机,因此如果您在访问该文件时需要帮助,可以联系您的主机提供商。然后,您需要添加以下代码来添加过期标头:
location~*\.(jpg|jpeg|gif|png|svg)${
expires365d;}
location~*\.(pdf|css|html|js|swf)${
expires3d;}
此代码将为不同的文件类型设置过期时间。请注意,图像的缓存时间比HTML、CSS、JS和其他文件类型长,因为图像通常保持不变。之后,您可以添加以下代码来添加缓存控制标头:
location~*\.(js|css|png|jpg|jpeg|gif|svg|ico)${
expires14d;
add_headerCache-Control”public,no-transform”;}
此代码设置缓存到期的时间。它告诉您的服务器上述文件类型在14天内不会更改。推荐相关阅读:《WordPress主机的7大常见问题》