提高 WordPress 网站速度的 10 个技巧
已发表: 2018-04-01WordPress网站速度
网站速度——这是大多数开发人员和 SEO 想要改进的主要因素之一。 就在本周,谷歌宣布网页加载速度将成为其新的移动优先指数中的一个重要排名因素。
根据这篇文章,网页加载速度是页面放弃的直接因素,仅 4 秒后放弃了 25%,可通过 Google Analytics 观察到。 考虑到移动用户,页面加载速度也有负面影响,根据 Google DoubleClick 的数据,53% 的移动用户在 4 秒后放弃页面。
因此,本周我们决定分解一些技巧和方法来提高您的 WordPress 网站速度。
1. 运行测试
在您开始优化您的网站以提高速度之前,最好先运行测试以了解网站当前的性能,从而为您提供所需改进水平的良好指标。
来自 Google Developers 的 PageSpeed Insights 为该网站在桌面版和移动版上的优化得分都评为 100 分。 这是查看您的网站速度执行情况的好方法,还可以提供有关需要改进的地方的信息片段。

您可能考虑运行的另一个测试是 WebPageTest。 该测试提供了大量有关网站加载方式的详细信息,包括第一个字节的时间,并将准确显示特定资源加载所需的时间。

2. 缩小和合并(HTML、CSS 和 JavaScript)
从 WebPageTest 获得结果后,您可以查看您的网站发出的使用其他资源页面(例如 HTML、CSS 和 JavaScript 页面)的请求数量。
这里的目标是通过使这些文件更小并将它们组合在一起以降低该数字来尝试尽可能地减少该数字。
如果您使用的是 Divi 或 Elementor 等页面构建器,则此过程尤其重要,有时这些构建器可能会在您的文件中留下无用代码片段、空白和不必要的格式。
一个简单的方法是安装像 WP Fastest Cache 这样的插件。 在此类插件的设置中,您要同时选择缩小和组合选项。

3. 最小化到第一个字节的时间
第一个字节的时间或 TTFB,本质上是服务器接收您的请求并将第一个字节的信息发送回您的浏览器所需的时间。
开发人员工具或 DevTools 是一组内置于 Google Chrome 中的 Web 创作和调试工具。 DevTools 为 Web 开发人员提供了对浏览器内部及其 Web 应用程序的深入访问。
如果您使用开发人员工具,请务必记住响应时间可能会受到 Internet 连接的影响。 所以你自己的连接越慢,你的服务器响应就会越慢。
如果您的 TTFB 低于 200 毫秒,那么一切都很好。 如果没有,可能需要解决一些不同的问题来缩短时间。
尝试减少 TTFB 时,动态内容创建和服务器配置是两个可控因素。 使用 WordPress,您的页面很可能是动态的。 这意味着他们需要与数据库进行交互,以便在它们被 ping 回来之前使用 PHP 从不同的文件“构建”。
减少服务器响应时间和启用缓存是对这些问题的两个更正,我们将在本文后面讨论。
4.减少服务器响应时间
页面加载速度的最大因素之一是 DNS 查找所需的时间。
域名系统 (DNS) 是具有 IP 地址及其相关主机名数据库的服务器。 当用户在浏览器中键入 URL 时,DNS 服务器将该 URL 转换为表明其在线位置的 IP 地址。
如果您使用的是速度较慢的 DNS 提供商,这会增加浏览器定位您的网站所需的时间。 切换到更快的 DNS 提供商可以加快这一过程。
如果您不确定当前的 DNS 提供商是谁,您可以使用 MX Toolbox 中的 DNS 查找工具进行查找

5. 选择正确的托管选项
一些托管服务提供商套餐在速度方面受到限制,最好检查您的托管服务提供商是否有能力或限制您当前的订阅。
如果您发现主机没有提供足够快的服务,那么可能有兴趣联系他们,在您更改服务之前通知他们,因为有时这可能会导致免费几个月或更便宜的服务来自同一托管服务提供商。
您可以测试速度并评估您当前的托管服务提供商在 Bitcatcha 上的表现。
6.启用浏览器缓存
当您访问一个网站时,您访问的页面上的元素存储在您的硬盘驱动器中的缓存或临时存储中,允许您的浏览器从本地存储加载页面,而不是向服务器发送另一个请求来加载网站。
启用浏览器缓存的一种简单方法是使用 WP Fastest Cache 等插件。 请按照以下步骤启用浏览器缓存:
- 下载并安装“WP Fastest Cache”WordPress 插件。
- 导航到 WP Fastest Cache 插件设置。
- 单击浏览器缓存复选框,然后单击提交按钮。
- 之后会显示一条按摩“选项已保存”。
启用缓存
在 WP Fastest Cache 中,缓存系统选项一旦启用,就会从动态 WordPress 网站所包含的 php 和 mysql 数据库文件创建静态 html 文件。
如果网站的访问者数量很多,系统需要使用大量 RAM 和 CPU 来呈现页面,这可能会导致许多用户的加载速度变慢。
启用缓存系统后,服务器不再需要调用 php 和 mysql 文件,而是依赖于静态 html 文件。
完成此操作后,您应该几乎立即注意到网站速度的可观察到的速度改进。
7. 图像尺寸
在尝试提高页面速度时,您网站上包含的图像文件的大小是一个需要考虑的重要因素。 高分辨率图像会增加网页的整体大小,进而降低网站速度。
推荐的图像大小低于 100KB 或 0.1MB,因此图像加载速度很快,这意味着任何超过此大小的图像都需要压缩到或低于 100KB。
您可以通过使用一些允许图像压缩的插件或网站轻松地做到这一点,但是学习如何通过使用 Photoshop 来做到这一点可能会很有趣,因为它最好在上传或创建您的网站之前压缩图像。
如果您没有使用 Photoshop 的知识,我建议您使用 CompressJPEG 或 CompressPNG 在线压缩服务。
8.启用压缩
文件越小,页面加载速度就越快。 压缩文件是减少加载时间的最简单方法之一,如今,使用 Gzip 启用压缩被认为是标准做法。
WordPress Fastest Cache 还允许 GZIP 压缩,再次类似于启用浏览器缓存,一旦启用此选项,您将看到网站速度显着提高。
如果您不确定您的站点是否启用了 Gzip,您可以使用检查 GZIP 压缩。 只需输入您网站的 URL,如果您启用了 Gzip,您将看到如下内容:

9.使用外部托管平台
使用外部托管平台在异地托管较大的文件是另一种探索方法,因为视频文件之类的文件可能很大,并且会对您的网站速度产生重大影响。
与其将视频直接上传到您的网站,不如尝试使用 YouTube 或 Vimeo 等外部托管平台,并使用他们的 html 代码将视频嵌入您的网站。 这种方法节省了大量空间,并允许使用高分辨率而不是压缩视频文件。
10. 使用 CDN
当您请求服务器打开网站时,您的请求会通过 Internet 传输到托管该网站的服务器所在的位置,这会指示服务器发回请求的信息。
在流量高峰期,由于发出大量请求,这可能会减慢服务器响应时间,这在您的业务具有高潜力增长的时期并不理想。
使用 CDN(内容交付网络)会将您的网站缓存在全球服务器网络上,这意味着无论何时发出请求,它都会被路由到缓存该网站的最近服务器。 本质上,它不是向一台服务器发出所有全局请求,而是在不同国家或地区的服务器之间分配信息。
遵循上述步骤后,网站速度将有明显差异。 重新运行上述测试并比较结果以获得明确的改进指标。
如果您需要任何其他信息或在实施更改时遇到困难,您可以在此处查看我们的 WordPress 服务范围:WordPress Web 开发
