如何在WordPress中添加Expires Headers(两种方法)

01/28/2024

如何在WordPress中添加Expires Headers(两种方法)

优化WordPress性能非常重要,因此我们尽量让网站加载速度最快。我们发现,向WordPress网站添加Expires Headers是提升性能的聪明方法。

Expires Headers是告知网页浏览器是否从访客的浏览器缓存或直接从您的服务器加载页面资源的规则。这可以显著提高加载时间并改善用户体验。

Expires Headers在WordPress中的使用方法

当有人第一次访问您的WordPress网站时,所有文件会逐个加载。这些HTTP请求增加了网页加载时间。

浏览器缓存会将部分或全部文件存储在访客的计算机中,这意味着下次访问时,这些文件可以从访客的计算机加载,从而提升WordPress网站性能并改善用户体验。

Expires Headers设置了存储在浏览器缓存中的每种文件的过期日期。到期后,文件将从服务器重新加载,以提供最新版本的页面。

方法1:使用WP Rocket插件添加Expires Headers

WP Rocket是市场上最适合初学者的WordPress缓存插件。启用后,它会立即改善您的网站速度,不需要复杂的配置设置。WP Rocket是一个高级插件,但所有功能都包含在最低级别的计划中。

安装和激活WP Rocket插件后,它会自动开启浏览器缓存,并默认添加最佳设置的Expires Headers和Cache-Control Headers,以加速您的WordPress网站。

如果您希望使用免费缓存插件来添加Expires Headers,可以考虑使用W3 Total Cache。然而,这款插件没有WP Rocket那么适合初学者,您需要手动启用Expires Headers。

方法2:使用代码在WordPress中添加Expires Headers

第二种方法是将代码片段添加到您的WordPress文件中。我们不建议初学者使用此方法,因为代码错误可能会导致严重错误并破坏您的网站。

确Determine您的网站正在运行Apache还是Nginx

首先,您需要确定网站是使用Apache还是Nginx服务器。您需要浏览至网站页面,右键点击页面,然后选择“检查”选项。接着点击页面顶部的“网络”选项卡,可能需要刷新页面以加载结果。然后点击‘名称’列顶部的域名,滚动至“响应头”部分,检查名为‘server’的项目。这将显示使用的Web服务器类型。

在Apache中添加Expires Headers

要将Expires Headers添加到Apache服务器,您需要将代码添加到.htaccess文件中。连接到您的WordPress托管账户,使用FTP客户端或主机的文件管理工具,在网站的根目录中找到此文件。

接下来,在.htaccess文件顶部添加以下代码:

## EXPIRES HEADER CACHING ##

  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 image/svg "access 1 year"
  ExpiresByType text/css "access 1 month"
  ExpiresByType application/pdf "access 1 month"
  ExpiresByType application/javascript "access 1 month"
  ExpiresByType application/x-javascript "access 1 month"
  ExpiresByType application/x-shockwave-flash "access 1 month"
  ExpiresByType image/x-icon "access 1 year"
  ExpiresDefault "access 3 days"

## EXPIRES HEADER CACHING ##

这些设定值适用于大多数网站,如果需要,可以调整时间段。

在Nginx中添加Expires Headers

如果在Nginx服务器上托管,则需要编辑服务器配置文件,添加以下代码:

location ~* .(jpg|jpeg|gif|png|svg)$ {
  expires 365d;
}

location ~* .(pdf|css|html|js|swf)$ {
  expires 3d;
}

这个代码将设置不同文件类型的过期时间。图片的缓存时间比HTML、CSS和JS文件长,因为图片通常保持不变。

希望这个教程能帮助您学习如何在WordPress中添加Expires Headers。您可能还希望查看我们的WordPress安全指南以提高网站安全性,以及我们推荐的最佳电子邮件营销服务,帮助您增长流量。



Related Posts

  • 2025-03-12
  • WordPress 教学

最近,我们在审计某个客户的网站时发现了一件令人警觉的事情:他们的Google Analytics报告中显示了电子邮件地址和电话号码,暴露了他们本不打算收集的敏感访客信息。收集用户的个人身份信息可能会成为一个重大问题,它违反了诸如GDPR这样的隐私法规,使您的企业面临巨额罚款的风险。幸运的是,一旦您知道如何做,防止个人身份信息出现在您的分析数据中实际上很简单。这篇指南会向您展示如何在保护访客隐私的同时,从您的网站分析数据中获取所需有价值的洞察。

閱讀更多
  • 2025-03-06
  • WordPress 教学

你经常登录Google Analytics查看你的网站表现吗?我们也是在初建WordPress站点时这样做的,耗时且令人沮丧,尤其是当想要追踪特定指标或发现流量的异常模式时。我们发现了Google Analytics的自定义电子邮件提醒后,节省了大量时间,并帮助我们在重要变动尚未成为严重问题之前就捕捉到。现在,我们将在本文中教你两种简单方法来设置自定义电子邮件提醒。

閱讀更多
  • 2025-02-16
  • WordPress 教学

你是否想过,能不能用更引人注目的方式取代WooCommerce中基本的促销徽章?答案是肯定的!通过自定义产品徽章,你可以在在线商店中突出新产品、折扣商品或限时优惠。在这篇文章中,我们将展示给你两个简单的方法,使用强大的插件或添加简单代码来为你的WooCommerce商店添加自定义产品徽章。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>