如何在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

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

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