如何在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-12-12
  • WordPress 教学

多语言表单有助于与全球观众沟通,使您的网站更易于使用,并吸引更多用户。本文介绍了如何使用WPForms和Formidable Forms插件在WordPress中创建多语言表单,以帮助您轻松实现这一目标。

閱讀更多
  • 2024-10-21
  • WordPress 教学

如果您在WordPress管理区域或其他地方遇到‘jQuery未定义’错误,不必担心,这是一个常见的问题。本文为您介绍了该错误的原因以及六种解决方法,以便让您的网站恢复正常运行。

閱讀更多
  • 2024-10-17
  • WordPress 教学

越来越多的人倾向于使用语音搜索而不是在搜索栏中输入关键词。语音搜索被认为是在线交互的未来,各种设备上数百万人每天都在使用它。与通过普通SEO优化网站一样,将网站适配语音搜索同样重要。在本文中,我们将深入探讨为什么语音搜索SEO如此重要,以及如何优化您的WordPress网站以捕获这些语音搜索。

閱讀更多

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