spot_img
HomeDivi主题使用教程如何手动配置 WordPress 浏览器缓存

如何手动配置 WordPress 浏览器缓存

缓存是确保您的网站为访问者更快加载的最有效方法之一。 但是,为了获得最佳结果,您的网站应该准确地告诉浏览器他们需要缓存哪些内容。 缓存插件通常不会让您完全控制这些设置,因此您需要手动配置它们。 如果您没有在您的网站上正确利用浏览器缓存,您可能会在通过性能工具运行您的网站时收到“指定缓存验证器”错误。

幸运的是,WordPress 可以轻松启用浏览器缓存。 所要做的就是对您的 .htaccess 文件。 在本文中,我们将更多地讨论什么是浏览器缓存、如何检查您的网站是否正确利用它以及如何配置它。 让我们开始工作吧!

浏览器缓存简介

理想情况下,当有人访问您的网站时,他们的浏览器会在本地保存部分内容,这样就不必在后续访问时重新加载。 这种做法被称为“浏览器缓存”,这就是为什么在您的网站上实施是个好主意:

  • 它减少了加载时间。 用户加载的资源越少,您的网站呈现的速度就越快。
  • 可能会降低跳出率。 加载时间和跳出率之间存在直接关联。 前者越高,访问者访问您网站的机会就越大。
  • 它减少了服务器必须完成的工作量。 由于重复访问者不需要从您的服务器加载内容,因此不必费力地跟上流量。

了解这一点很重要,在大多数情况下,您不希望浏览器缓存您的整个网站。 许多站点现在包含大量不断更新的交互式内容。 这意味着如果用户缓存整个页面,他们可能会错过对它们的更改。

鉴于此,您需要对告诉浏览器缓存的内容保持挑剔。 例如,图像、徽标和级联样式表 (CSS) 不会经常更改。 这意味着您可以简单地告诉浏览器缓存它们并指定时间长度。 理想情况下,您网站的缓存配置应该区分定期更新(或不定期更新)的文件类型。 这样,用户无需手动清空缓存即可看到您对站点所做的任何更改。

WordPress divi主题

如何检查您的 WordPress 网站是否正确利用了浏览器缓存

当我们谈论利用 WordPress 缓存时,我们指的是配置您的网站,以便浏览器知道他们需要在本地存储哪些内容以及存储多长时间。 查明站点是否正确利用浏览器缓存的最简单方法是使用诸如 Google PageSpeed Insights 之类的工具,它可以分析此设置和其他设置。 要开始,请输入您网站的 URL,然后单击 分析 按钮:

使用 Google PageSpeed Insights 分析网站。

PageSpeed Insights 将对您的网站在移动设备和桌面设备上的优化进行评分。 对于您网站的每个“版本”,您将获得 0-100 分的个人分数,以及有关如何改进它的建议。 PageSpeed Insights 在计算您的分数时考虑的关键因素之一是您的网站是否利用浏览器缓存:

利用浏览器缓存的网站的 Google PageSpeed Insight 结果。

如果正确配置您的 WordPress 网站,您将不会看到上述消息,并且您应该获得不错的 PageSpeed Insights 分数。 请记住——Divi 在多个方面进行了优化,可为您提供开箱即用的不错的 PageSpeed Insights 分数。 但是,有很多方法可以提高网站的性能,了解这些方法是投资时间的绝佳方式。

如何手动配置 WordPress 浏览器缓存(分两步)

过去,我们讨论过缓存插件以及顶级选项是什么。 如果您不想弄乱 WordPress 站点的配置,这些类型的工具非常有用。 但是,如果您不介意向核心文件之一添加几行代码,则可以更好地控制浏览器缓存配置。 在你继续之前,你应该有一个最近的网站备份,以防万一!

步骤 #1:通过 FTP 访问您的网站

在下一节中,您需要访问您的 .htaccess 文件并编辑它。 执行此操作的最佳方法是通过专用客户端使用文件传输协议 (FTP)。 我们偏爱 FileZilla,因为它包含很多功能,而且使用起来相当简单。

首先,安装客户端并执行它。 您会在屏幕顶部看到四个空白字段,阅读 主持人, 用户名, 密码, 和 港口:

FileZilla 客户端。

您需要一组特定的 FTP 凭据才能使用此协议登录您的网站。 在大多数情况下,您应该在与托管服务提供商注册时通过电子邮件收到它们。 但是,您也应该能够在托管仪表板上或通过 cPanel 找到它们。

谷歌SEO优化服务

获得凭据后,输入它们并单击 快速连接 按钮。 FileZilla 将与您的网站建立连接,一个或多个文件夹应该出现在屏幕的右下角。 其中之一应该是您的 WordPress 文件夹(也称为 万维网, public_html,或以您的网站命名),其所有文件所在的位置:

您的 WordPress 根文件夹。

打开目录后,继续执行第二步!

第 2 步:编辑您的 .htaccess 文件

.htaccess 是一个 WordPress 核心文件,它指示您的服务器如何为文件和页面提供服务。 例如,如果您使用漂亮的永久链接, .htaccess 将包括有关如何处理它们的说明。 您还可以配置文件以阻止特定 IP 访问特定页面,等等。

在这种情况下,我们将使用 .htaccess 告诉您的服务器要缓存哪些文件。 为此,请寻找 .htaccess 在你的文件中 目录。 右键单击它,然后选择 查看/编辑 选项。 这将使用本地文本编辑器打开文件,使您能够对其进行更改:

H10的年终大促

一个 WordPress htaccess 文件。

在您添加任何新代码之前 .htaccess 文件,向下滚动,直到找到阅读的行 # 结束 WordPress. 在大多数情况下(包括本例),您希望在该行之前将新代码添加到文件中。 以下是您可以立即实施的简单浏览器缓存配置示例:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
</IfModule>

例如,如果您运行的是 WordPress 博客,您很可能不会定期更改帖子的图片或站点的徽标。 在这种情况下,我们可以将这些文件存储在您访问者的浏览器缓存中很长一段时间——比方说一年。 在上面的代码中,我们一口气涵盖了所有最流行的图像类型。 每行的前半部分表示我们正在处理的文件类型,后半部分为其设置过期日期:

ExpiresByType image/jpg "access 1 year"

当然,并不是所有的内容都应该缓存一年,所以我们可以玩玩这个值。 在此示例中,我们添加了用于缓存 HTML、CSS 和 JavaScript 文件的说明:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 week"
ExpiresByType text/html "access 1 month"
ExpiresByType text/x-javascript "access 1 week"
</IfModule>

在这里,我们将 HTML 内容设置为在访问者首次访问一个月后更新,这是一个合理的时间范围。 另一方面,当您使用 Divi 等复杂主题或多个插件时,CSS 和 JavaScript 文件往往会更频繁地变化。 考虑到这一点,我们将它们的缓存到期日期设置为访问后一周。

当您使用您的 .htaccess 文件,您将拥有坚实的浏览器缓存基础。 让我们通过添加其他文件类型的说明来覆盖我们的基础:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 week"
ExpiresByType text/html "access 1 month"
ExpiresByType text/x-javascript "access 1 week"
ExpiresDefault "access 1 month"
</IfModule>

该行以 到期默认 为所有文件设置一个月的默认缓存时间。 但是,您可以通过为特定文件类型添加缓存指令来覆盖它。 这里的重点是捕获可能不符合个别规则的其他文件类型,以进一步提高您网站的加载时间。

现在,记得将更改保存到您的 WordPress .htaccess 文件并关闭文本编辑器。 FileZilla 会询问您是否要覆盖 .htaccess 使用新版本在您的服务器上文件,您应该说:“是”。 现在继续使用 PageSpeed Insights 再次测试您的网站——浏览器缓存优化建议应​​该消失了!

结论

为您的网站启用缓存插件很容易。 但是,它通常无法让您完全控制它在用户计算机上存储的内容类型或存储时间。 手动方法使您能够为您的网站内容定制缓存配置,并且实施起来并不困难。

手动配置浏览器缓存所需要做的就是对您的 .htaccess 通过 FTP 文件。 如果您不怕一点代码,您应该能够快速设置它。 然后,您可以使用 Google PageSpeed Insights 测试您的网站,看看它是否正确利用了浏览器缓存。

高质量外链购买

您对如何手动配置 WordPress 浏览器缓存有任何疑问吗? 让我们在下面的评论部分讨论它们!

文章缩略图由 Crystal Eye Studio /…
5分钟生成10篇英文软文article forge软件试用

跨境电商独立站代运营服务综合套餐项目合作请联系客服微信 13564054264
服务项目服务模块服务效果服务周期服务费用 RMB
海外市场调研
与品牌诊断
目标市场调研1份调研报告按次(5-7个工作日)5000
消费受众分析
市场准入条件
竞品发展轨迹
市场销售策略
品牌商业化诊断
TikTok
账号代运营
TikTok账号定位3个账号运营
500条视频内容发布
按季度(50-65个工作日)30000
TikTok内容策划
TikTok视频制作
TikTok账号涨粉
TikTok数据分析
TikTok
直播代运营
TikTok直播策划20-24场直播按月度(20-24个工作日)15000
TikTok网络搭建
TikTok选品分析
TikTok话术提炼
TikTok直播开展
TikTok直播数据分析
TikTok
KOL/KOC营销
TikTok行业达人匹配500-1000个达人邀约/天按月度(20-24个工作日)10000
TikTok行业达人邀约
TikTok行业达人签约
TikTok达人合作跟进
TikTok达人合作完成
海外社媒
代运营
海外社媒运营需求确认insgarm
Facebook
Pinterest
Linkedln
海外社媒运营(4选2)
按季度(50-65个工作日)30000
海外社媒运营方案制订
海外社媒代运营开展
海外社媒活动策划&开展
海外社媒账户涨粉&数据分析
海外线下
代理商拓展
渠道代理目标市场确认主要服务地区为欧美/东南亚
限定1-3个国家
按季度(50-65个工作日)35000
渠道代理商信息抓取
渠道代理商邮件邀约
渠道代理商洽谈准备
渠道代理商签约合作
渠道代理商完成合作
海外广告代投放海外广告账户开户TikTok
Google
Facebook
海外广告代投
(电商/游戏)
按季度(50-65个工作日)开户首充1000美金
10%广告投放佣金
海外广告产品分析
海外广告代投计划制订
海外广告代投内容制作
海外广告代投放开展
海外广告代投效果优化项目合作请联系客服微信 13564054264
siteground

【WordPress花园提醒您】如果想购买国外正版WordPress主题和插件,您需要一张VISA信用卡才能支付,这里我们推荐光大银行信用卡!赶快免费申请,别耽误了买插件哦!

guangda
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES