如何减少 WordPress 中的服务器响应时间(27 个技巧)

已发表: 2021-09-02

服务器响应时间是访问者的 Web 浏览器从 Web 主机的服务器接收响应所需的时间。

以下是减少服务器响应时间的 27 种方法。

How to Reduce Server Response Time in WordPress

目录
位置 #1 到 #10 在不到 2.3 秒内加载
什么是服务器响应时间?
如何测试服务器响应时间?
什么是 Google 的 PSI 分数?
如何在 Google 的 PSI 上获得 90+ 的分数?
对速度的需求
减少 WordPress 服务器响应时间的 27 种方法
#1 - 升级你的 PHP 版本
#2 - 检查您是否使用 HTTP/2
#3 - 使用 GZIP 压缩
#4 - 稍后加载脚本
#5 - 使用 Cloudflare 域名服务器(免费)
#6 - 使用内容交付网络 (CDN)
#7 - 减少渲染阻塞 JavaScript
#8 - 使用缓存插件
#9 - 减少外部脚本
#10 - 安装 WP 禁用
#11 - 清理你的数据库
#12 - 优化图像
#13 - 升级您的主机
#14 - 尽量减少你的 WP 插件
#15 - 选择正确的插件
#16 - 确保 WP 版本是最新的
#17 - 确保您的 WP 插件是最新的
#18 - 将您的网站图标直接加载到您的主题中
#19 - 使用速度优化插件
#20 - 使用高级 DNS 服务
#21 - 从站点范围的侧边栏/页脚中删除小部件
#22 - 选择一个快速的 WordPress 主题
#23 - 优化您的主页以快速加载
#24 - 使用无 Cookie 的域
#25 - 添加过期标题
#26 - 推迟未使用的 CSS
#27 - 使用加速移动页面 (AMP)
结论
相关文章

位置 #1 到 #10 在不到 2.3 秒内加载

2016 年,搜索引擎优化专家布赖恩·迪恩 (Brian Dean) 分析了超过 100 万个搜索结果,以找出使页面在 Google 第 1 页上排名的因素。

Brian 发现在 Google 上排名第一和第二的网页的平均加载时间为 2 秒或更短。

reduce server response time

即使是排名第 10 位的页面,平均加载时间也只有 2.2 秒多一点。

SEO 是一个如此复杂的话题,以至于像加快网站速度这样简单的事情可以帮助您进入搜索结果的第 1 页,这似乎几乎是荒谬的。

但这是事实。

证据非常清楚:如果您可以在 2 秒或更短的时间内加载您的网站,那么您进入 Google 第 1 页的机会会大大增加

事实证明,这并不难。

根据 Pingdom 的测量,我设法将我的网站加载时间减少到 1.7 秒:

reduce server response time

我是怎么做的?

这就是我将在本文中向您展示的内容:在 WordPress 中减少服务器响应时间的27 种方法。

但首先,什么是服务器响应时间?

你如何测试它?

什么是好的服务器响应时间?

什么是服务器响应时间?

服务器响应时间 (SRT) 是从 Web 浏览器从服务器请求数据到服务器响应该请求所经过的时间。

它也称为首字节时间 (TTFB)。

在下面显示的 Google Page Speed Insights 测试中,Google 已将服务器响应时间标记为该特定网站可以提高其性能的机会之一:

reduce server response time

如何测试服务器响应时间?

检查服务器响应时间的最佳方法是 Google 的 Page Speed Insights。

如果您的服务器响应时间很慢,Google 会将其列在“机会”下(用于加快加载时间)。

以下是用于测量服务器响应时间的另外两个工具:

  • Pingdom
  • GT 矩阵

什么是 Google 的 PSI 分数?

谷歌在同年 7 月宣布“谷歌速度更新”后不久,于 2018 年创建了 Page Speed Insights 测试。

与 Pingdom 和 GT Metrix 不同,Google PSI 测试不直接测量您的加载时间。

它根据影响移动用户体验的一系列因素为您的网站打分:

  • 90 到 100 是“快”
  • 50 到 89 是“平均”
  • 0 到 49 是“慢”

如果您获得 90 分或以上的分数,PSI 指标将变为绿色。

从字里行间看,谷歌似乎希望所有网站的 PSI 得分都达到 90 或更高。

如何在 Google 的 PSI 上获得 90+ 的分数?

您可以进行五项关键改进,以帮助您的网站获得 90+ 的 PSI 分数:

  • 优化图片
  • 缩小 CSS 和 JavaScript
  • 使用 CDN(内容交付网络)来交付图像和 PDF 等内容。
  • 消除渲染阻塞资源
  • 在您的服务器上启用 GZIP 压缩
WP Rocket - WordPress 缓存插件

对速度的需求

那么,是什么推动了对网站速度的重视?

您可能知道,移动设备正在取代桌面设备。

2017 年,移动设备首次超过桌面设备:50.3% 的互联网浏览是在移动设备上进行的。

该百分比在 2018 年上升至 52.2%。 移动互联网浏览的比例将继续增长。

但问题来了:

桌面浏览器通常插入高速互联网连接。 但大多数移动用户使用的连接速度要慢得多(3G 和 4G)。

如果谷歌和其他搜索引擎要满足移动用户不断增长的需求,他们需要网站提供更快的响应时间。

这就是 Google Page Speed Insights 的用武之地。

可以肯定的是,PSI 分数低于 90 分的网站最终将无法在 Google 的第 1 页上排名。

既然您已经了解了为什么速度变得如此重要,那么让我们看看如何使您的网站加载速度更快。

减少 WordPress 服务器响应时间的 27 种方法

#1 - 升级你的 PHP 版本

2015 年 12 月,PHP 7 发布。 举个例子,PHP 7 比 PHP 5.6 快大约 3 倍。

如果您使用的不是 PHP 7,则需要立即升级

下载并安装显示 PHP 版本插件。

激活插件后,导航到 WP 仪表板的“概览部分”,您将看到显示的 PHP 版本:

reduce server response time

这是一个您只需要使用一次的插件。

一旦您检查了您的 PHP 版本,请停用该插件并将其删除。

如果发现您的网站未运行 PHP 7,请联系您的网络主机并要求他们启用 PHP 7。

#2 - 检查您是否使用 HTTP/2

HTTP/2 是 2015 年推出的新网络协议。它可以使您的网站加载速度提高 10% 到 15%。

使用此工具检查您的网站是否使用 HTTP/2。

如果您的网站已经在使用 HTTP/2,那么恭喜您 - 您是目前使用 HTTP/2 的所有网站的 27% 之一。

但是,如果您的网站没有使用新协议,您将不得不在 cPanel 上启用它,或者在最坏的情况下,更改网络主机。

#3 - 使用 GZIP 压缩

另一种减少服务器响应时间的方法是实现 GZIP 压缩。

GZIP 代表 GNU zip。 它是一种文件格式,是一种用于文件压缩和解压的软件应用程序。 简而言之,它减少了命名文件的大小。

GZIP 压缩可将文件大小减少多达 90%,从而使您的网页加载速度更快。

使用 GZIP 压缩工具检查您的网站是否使用 GZIP。

如果没有,您可以在您的服务器上启用它(通过 cPanel),或者您可以使用检查并启用 GZIP 压缩插件。

#4 - 稍后加载脚本

另一种减少服务器响应时间的方法是在需要时加载脚本。

您的网站不会一次性加载整个网页,而是只加载该页面部分所需的文件和脚本。

进一步向下页面所需的脚本仅在用户到达那里后加载。

这称为延迟加载

以下是 Google PSI 建议使用延迟加载来“延迟屏幕外图像”的示例:

reduce server response time

#5 - 使用 Cloudflare 域名服务器(免费)

这是减少服务器响应时间的另一种简单(且免费)的方法。 当您将域名服务器更改为 Cloudflare 的域名服务器时,您的网站将受益于 Cloudflare 的全球数据中心网络。

Cloudflare 在全球拥有 165 个数据中心。

使用 Cloudflare 域名服务器,您网站的流量将通过离访问者最近的数据中心路由。

这导致加载时间更快

这是一个视频,可引导您完成设置 Cloudflare 名称服务器的过程:

reduce server response time

请注意:将您的域名服务器更改为 Cloudflare 并不意味着更改您的网络主机——您的网络主机保持不变。

#6 - 使用内容交付网络 (CDN)

另一个减少服务器响应时间的好方法是使用内容交付网络或 CDN。

CDN 是一个全球服务器网络,它根据用户的地理位置向用户提供页面和其他 Web 内容。

Cloudflare 是 CDN 的一个示例。

当您使用 CDN 时,您的网站会变得更快,因为访问者的服务器通过比您的网络主机服务器更近的节点访问您的内容。

我使用 StackPath 作为我的 CDN(每月 10 美元)。

根据 Pingdom 的测量,它使我的网站加载时间缩短了大约 2 秒

当您使用 CDN 时,您将能够在 Pingdom 结果中看到您的很多内容都由 CDN 传送(在本例中为 StackPath):

reduce server response time

#7 - 减少渲染阻塞 JavaScript

当您的浏览器尝试渲染页面并遇到必须在继续加载之前执行的脚本时,就会发生渲染阻塞。

这会增加页面的加载时间。

解决方案? 缩小您的 JavaScript。

大多数性能优化插件都有一个“缩小 JavaScript”选项:

reduce server response time

#8 - 使用缓存插件

缓存是另一种减少服务器响应时间的方法。 缓存插件的工作原理是保存动态生成的 HTML 文件,以便可以重复使用它们,而不是在每次访问页面时重新加载它们。

这意味着每当有人重新访问您的站点时,无需从头开始加载 PHP 脚本,文件将从缓存中提供。

缓存插件的例子是:

  • Swift 性能精简版
  • WP火箭
  • W3 总缓存

#9 - 减少外部脚本

当您的网站必须调用外部脚本来加载页面时,这会大大减慢您的加载时间。

尽量减少外部脚本

以下是一些外部脚本示例:

  • YouTube 视频脚本
  • Disqus评论框
  • 社交分享按钮
  • 实时聊天框
  • 选择加入表格和弹出表格
  • 谷歌分析
  • 谷歌字体

#10 - 安装 WP 禁用

WordPress 平台可能会因不同的“请求”而迅速膨胀。 这些请求会减慢网页的加载时间。

WP Disable 插件通过禁用某些“请求”使您的网站速度更快,例如:

  • 表情符号
  • 头像
  • 嵌入
  • 引用,
  • WooCommerce 脚本和 CSS
  • RSS
  • XML-RPC
  • 自动保存
  • Windows Live Writer 标签
  • 短链接标签
  • 应用程序接口
  • 评论
  • 心跳控制

控制面板允许您选择要禁用这些元素中的哪些元素。

#11 - 清理你的数据库

大多数性能优化插件都有一个数据库清理工具。

在 Swift 中,它被称为“数据库优化”。

下面的屏幕截图显示了可以删除以加快加载时间的数据库项目:

reduce server response time

#12 - 优化图像

图像通常占网页中数据量的大部分。 这就是减少服务器响应时间的最有效方法是图像优化的原因。

对于快速加载的网站,您的图片不应超过 100 kb。

使用 Screaming Frog 对您的网站内容进行审核。 将图像过滤器设置为“超过 100 KB”,以便您可以识别需要优化的图像:

reduce server response time

如果您有大量图像需要优化,请考虑使用 Kraken 等付费服务。

每月只需​​几美元,您就可以批量优化图像。

并且您将获得比免费服务更好的压缩率。

#13 - 升级您的主机

减少服务器响应时间的唯一最佳方法就是选择具有快速服务器的 Web 主机。 如果您的虚拟主机速度较慢,本文中提到的所有提示和调整都将无济于事。

缓慢的网络托管通常是由以下两个因素之一(或两者)引起的:

  • 您的虚拟主机没有足够的服务器资源,或者
  • 您的网络主机在同一台服务器上塞满了太多网站

如果这些条件中的任何一个适用于您的网站,您的加载时间将永远不会少于 2 秒。

那么,您如何知道哪些网络主机速度快?

对于像我这样的许多博主来说,这只是一个反复试验的过程。

我开始使用 HostGator,然后转移到 Bluehost,现在我使用 SiteGround。

有许多站点可以查看 Web 主机的速度。

但请记住,这些网站通常通过网络主机附属链接赚钱。

这立即让人质疑他们提供的任何建议的客观性。

我可以通过个人经验说 SiteGround 是我用过的最快的网络主机。

SiteGround 在各种评论中表现良好:

BitCatcha 将 SiteGround 评为 2019 年 6 种最快的网络托管服务中的第一名。

Tom Depuis 指出,SiteGround 被 Facebook 的“WordPress 托管”小组评为 2018 年最佳网络主机。

#14 - 尽量减少你的 WP 插件

所有插件都会在一定程度上减慢您的网站加载时间。 所以,尽量让你的插件少于 20 个。

我最近将我的插件从 40 (!!!) 减少到 28,我正在努力进一步减少它。

#15 - 选择正确的插件

另一个减少服务器响应时间的好方法是消除资源匮乏的 WordPress 插件。 众所周知,某些插件比其他插件更能减慢您的网站速度。

找到这些插件的替代品(或者更好的是,完全不用它们):

  • 阿基米特
  • 喷气背包
  • WordPress Facebook 插件
  • 联系表格 7
  • Divi Builder 插件
  • 革命滑块
  • 相扑
  • 在每篇文章或博客文章末尾显示“相关文章”的任何插件
  • 基本网格
  • Disqus评论系统
  • 断链检查器
  • 文字围栏安全

#16 - 确保 WP 版本是最新的

运行过时版本的 WordPress 会使您的网站比需要的速度慢。

在 WordPress 仪表板的“概览”面板中检查您正在运行的 WP 版本:

reduce server response time

#17 - 确保您的 WP 插件是最新的

同样,运行过时版本的插件也会导致您的网站加载速度比应有的慢。

因此,每当您看到更新通知时,请务必更新您的插件。

是的...

有一个插件可以做到这一点:Easy Updates Manager(就在您认为您的插件受到控制时)。

#18 - 将您的网站图标直接加载到您的主题中

另一种减少服务器响应时间的方法是将您的网站图标直接加载到您的 WordPress 主题中。 换句话说,不要使用单独的插件来加载您的网站图标。

而是将您的网站图标直接加载到您的主题中:

reduce server response time

#19 - 使用速度优化插件

网站速度优化插件通常会执行以下任何(或所有)操作以加速您的网站:

  • 优化图片
  • 延迟加载图片
  • 缩小 HTML
  • 缩小 JavaScript
  • 缓存
  • 提前加载
  • 删除垃圾内容(修订、评论、重复的元数据等)
  • 删除过期的瞬变
  • 字体优化

以下是一些流行的速度优化插件:

  • Swift 性能精简版
  • WP火箭
  • WP 超级缓存
  • WP 最快的缓存
  • WP优化
  • 自动优化

#20 - 使用高级 DNS 服务

所有网络主机都提供免费的 DNS 托管。

这可能就是你目前所拥有的。

但每月多花几美元,您就可以拥有优质的 DNS 托管服务。

高级 DNS 托管可确保 DNS 查找和第一个字节的时间之间的延迟最小。 它将减少您的服务器响应时间。

#21 - 从站点范围的侧边栏/页脚中删除小部件

你的侧边栏中有一堆小部件吗?

也许是一个搜索框、一个选择加入的表单、一个受欢迎的博客文章列表、一个最近的博客文章列表、一个博客文章类别列表等等?

我的建议:删除它们

这些小部件都需要时间来加载,从而为您的整体加载时间增加了宝贵的毫秒数。

事情是这样的:侧边栏,就像页脚一样,是一个站点范围的元素。

这意味着这些小部件必须加载到您网站的每个页面上。

我有“blogrolls”,包括最近的帖子、支柱帖子和博客帖子类别。 我还有一个“搜索此站点”小部件和一个 optin 表单。

我摆脱了所有这些,除了选择加入表格。

它缩短了我的加载时间 2 秒。

#22 - 选择一个快速的 WordPress 主题

除了官方的 WP 主题,免费的 WordPress 主题通常编码很差,因此加载速度很慢。

如果您希望您的网站快速加载,我的建议是获取高级主题。

ColorLib 测试了 50 多个高级 WP 主题,可以得出这个加载速度最快的 WP 主题列表。

我很高兴看到我的主题 (MagazinePro) 就是其中之一!

#23 - 优化您的主页以快速加载

您可以通过以下方式优化主页以快速加载:

  • 显示摘录而不是完整的帖子
  • 减少主页上的博客文章数量
  • 为特色图像选择较小的尺寸

正如您从下面的屏幕截图中看到的,我可能应该为我的特色图片选择较小的格式:

reduce server response time
reduce server response time

#24 - 使用无 Cookie 的域

无 cookie 域是不提供 cookie 的域。

Cookie 是在您的网站和访问者的浏览器之间传输的小型信息包。

虽然 cookie 是跟踪网站性能的一种有价值的方式,但您的大部分内容不需要附加 cookie。

此内容可以提供给来自不同域(无 cookie 域)的访问者。 这是加快网站加载时间的另一种方式。

这是一篇关于如何设置无 cookie 域的文章。

#25 - 添加过期标题

Expires 标头是一段代码,它告诉访问者的浏览器是需要下载文件还是只是从其缓存中重新加载文件。

如果您的访问者之前访问过您的网站,那么他们的缓存中已经存储了某些文件。

'expires headers' 背后的想法是无需下载访问者浏览器上次访问您网站时已经下载的文件。

“过期标题”可节省时间并使您的网页加载速度更快。

要将“过期标题”添加到您的网页,您需要做的就是将大约 15 行代码插入到您的 .htaccess 文件中。

这是一篇文章,向您展示如何做到这一点。

如果您更愿意使用插件,Far Future Expiry Header 将为您插入过期标头代码。

#26 - 推迟未使用的 CSS

在 Google Page Insights 测试中,您可能会看到“推迟未使用的 CSS”的建议。

未使用的 CSS 会使您的页面变得混乱,并使它们的加载速度变慢。

您可以按照本文中的说明手动删除未使用的 CSS。

或者您可以使用 Asset CleanUp: Page Speed Booster 插件。 这个插件可以清理你的代码,创建加载速度更快的网页。

#27 - 使用加速移动页面 (AMP)

Accelerated Mobile Pages 或 AMP 是一种 Google 赞助的格式,允许网页在移动设备上快速加载。

当您在网站上启用 AMP 时,您的网页会在 Google 的搜索结果中标记为速度快,并带有一个小闪电图标:

reduce server response time

AMP 页面加载如此之快的原因之一是它们驻留在 Google 的服务器上,而不是您的服务器上。

在一篇题为:Google AMP 使移动网站页面加载速度提高 600% 的文章中,Christine Chun 报告说,使用 Google AMP 将网页从 6 秒的加载时间缩短到 1 秒。

因此,在您的 WordPress 网站中启用 AMP 的简单操作可以显着提高您的页面速度。

你如何启用AMP?

下载并安装 WordPress 的官方 AMP 插件(不是另一个插件!)

激活插件后,您会在博客文章的编辑屏幕中看到一条消息,显示“AMP:已启用”:

reduce server response time

结论

设法将网站加载时间缩短到 2 秒以下且 Google PSI 得分超过 60 的人目前看到他们的 Google 自然流量出现了惊人的增长(包括现在的作者)。

因此,花点时间实施其中一些策略并减少您的服务器响应时间——这是值得的!

在上面列出的策略中,这些是最能“物超所值”的策略:

  • 使用内容交付网络 (CDN)
  • 使用高级 DNS 服务器
  • 安装并激活缓存插件
  • 删除 WordPress 插件(目标是最多 20 个插件)
  • 从站点范围的侧边栏中删除大部分小部件
  • 安装并激活 Swift 等速度优化插件
  • 将您的主机升级到更快的计划或更快的主机

随着世界从台式机转向移动设备,服务器响应时间正成为一个关键的排名因素

总有一天,只有那些能够以闪电般的速度向移动用户提供内容的网站才能在 Google 的第 1 页上排名。

所以要走在前面,尽量让你的服务器响应时间少于 2 秒

相关文章

  • WP Rocket Review – 它是 WP 的最佳缓存插件吗?
  • 提高域权限的 7 种最佳方法