Pingdom 速度测试工具 - 如何提高 Pingdom 分数

与缓慢加载的网站相比，快速加载的网站总是获得更多的流量，这会影响排名和性能。 在本文中，我将讨论 Pingdom 速度测试工具，它可以帮助您了解站点中的任何性能问题。 目标是让您了解您的网站有多快以及如何使其更快。

用户常常误解 Pingdom Speed Test 工具数据，以至于他们的网站速度变差。 请记住，始终将所有工具用作指导使用，因为它们不是 100% 准确的。

什么是 Pingdom 速度测试工具以及它提供什么？

Pingdom 是一种流行的免费网络速度测试工具，是您网站、应用程序和服务器的监控解决方案。 它不仅可以监控正常运行时间，还可以监控负载性能，以便您了解访问者对您网站的体验。 Pingdom 提供诸如正常运行时间监控、页面速度监控、事务监控、服务器监控和访问者洞察 (RUM) 等服务。

为什么如此受欢迎？ 嗯，它可能是监控网站速度和页面性能的最简单的工具。 并不是所有的用户都能成为性能专家，所以对于普通的 WordPress 用户来说是一个不错的选择。

让我们看看如何在 Pingdom 上执行测试。 使用Pingdom的速度测试工具是不是一个大问题-只需要去Pingdom的网站，输入您的网址，并根据访问者的位置选择位置。 然后单击“开始测试”按钮。

Pingdom 速度测试工具允许您在全球7 个不同的测试地点（5 个大洲）测试您的网站：

• 亚洲 – 日本 – 东京
• 欧洲 – 德国 – 法兰克福
• 欧洲 – 英国 – 伦敦
• 北美 – 美国 – 华盛顿特区
• 北美 – 美国 – 旧金山
• 太平洋 – 澳大利亚 – 悉尼
• 南美洲 – 巴西 – 圣保罗

那么，哪个 Pingdom 网站速度测试位置最适合测试？ 这取决于您网站的访问者。 确保选择靠近访问者的位置。 如果您的网站受众位于欧洲，则您有 2 个选项可供选择：（欧洲 - 德国 - 法兰克福）或（欧洲 - 英国 - 伦敦） 。 如果您的网站拥有全球访问者，请在不同位置测试您的网站并采取适当的改进措施。

使用 Pingdom 速度测试工具了解瀑布分析

一个网页通常是HTML、CSS、JavaScript和媒体文件的组合，这些文件中的每一个都会生成一个在服务器上呈现的请求。 更多的请求可能是网站速度缓慢的原因。 Pingdom 速度测试工具上有多个部分指示评分和改进建议。 Pingdom 速度测试工具部分是：

• Pingdom 摘要
• 提高页面性能
• 响应代码
• 按内容类型划分的内容大小和请求
• 按域划分的内容大小和请求
• 瀑布图

在本节中，我将向您解释如何进行瀑布分析，我将分解每个 Pingdom 部分并进行更详细的解释。

Pingdom 摘要

当您通过 Pingdom 运行 WordPress 网站时，它会根据性能等级、页面大小、加载时间和请求生成结果。

当您多次测试您的网站时，您会注意到您的网站加载时间在每次测试中都会发生变化，而其他结果（性能等级、页面大小和请求）保持不变。 这种加载时间差异的原因是DNS 缓存、CDN 缓存、WordPress 缓存和外部API。

改进的 Pingdom 分数取决于您的 Web 应用程序和服务器配置。 可能无法始终获得 100% 的分数，尤其是在您运行电子商务网站时，但总有改进的余地。

提高页面性能

提高页面性能部分包括综合性能等级以及关于提高页面性能的建议。虽然这些建议可能不适用于每个网站，但它们增加了改进的机会。

让我们来看看这些建议。

1) 使用内容交付网络 (CDN)

在您的 WordPress 网站上使用的最重要的东西是CDN（内容交付网络）。 CDN 是指一组地理分布的服务器，可提供 Internet 内容的快速交付。 这些是位于全球的服务器网络。 CDN 通过使 Web 内容更接近用户所在的位置，从而允许快速传输 Web 内容。

如果您是 Cloudways 用户，那么您可以利用 CloudwaysCDN。 所有 Cloudways 托管计划都有内置的 CloudwaysCDN，只需单击几下即可启用。 要了解更多信息，请查看 Cloudways 上的 WordPress CDN 博客。

让我们来看看一些第三方 CDN 提供商：

1. 密钥CDN
2. CloudFlare CDN
3. 亚马逊云前线
4. CDN77

在这里，您可以看到三个广泛使用的流行 CDN 提供商的 WordPress CDN 基准测试。

2) 避免 HTTP 404 (Not Found) 错误

当请求无法成功完成时，Pingdom 速度测试工具建议中会显示避免 HTTP (404) 错误。 损坏的链接，例如当您手动将链接附加到页面内已删除的图像时，会导致 404 错误。

始终确保不会为不再存在的资产生成请求。

3) 尽量减少重定向

Pingdom 速度测试工具最常见的建议是“最小化重定向”。 当您网站上的一个页面导致另一个页面加载时，就会发生重定向。 当您将HTTP重定向到HTTPS ，将www重定向到非 www并且更新后的帖子的 URL 已更改时，可能会发生这些情况。

您可以采取以下几项措施来防止网站重定向过多：

1. 切勿链接到已经有重定向的页面，因为这会导致多次重定向。
2. 确保删除可能导致不必要重定向的停用/未使用的插件。
3. 在您的站点上创建链接时，请使用正确的前缀 HTTP 或 HTTPS 并检查它是 www 还是非 www。

如果您想了解有关重定向的更多信息，请查看有关 WP 301 重定向的 Cloudways 文章。

4) 添加过期标题

所有 WordPress 网站文件都为第一次访问的人一一加载。 在您的 Web 浏览器和服务器之间生成的请求会增加网站加载时间。 浏览器缓存将网站文件保存到访问者的计算机上，因此当他们再次访问网站时，网站会从浏览器缓存而不是服务器加载，从而加快网站速度。

但是浏览器如何知道要保存哪个文件以及从服务器加载哪个文件，以及将它们保留多长时间？ 这就是 Expires Headers 的用武之地。这些规则告诉 Web 浏览器是从访问者的浏览器缓存还是从您的服务器加载网页资源。

现在，让我们进入实际的操作部分。 我将向您展示如何使用两种不同的方法添加过期标题。

使用插件添加过期标题

安装 W3 Total Cache 插件。 安装并激活后，转到WordPress 仪表板 > 性能 > 浏览器缓存，然后启用“设置过期标头”选项并保存更改。

如果您想了解有关 W3 Total Cache 插件的更多信息，请参阅 Cloudways 文章如何使用 WordPress W3 Total Cache 插件实现更快的网站。

使用代码添加过期标题

您还可以使用代码添加过期标题。 为此，请确定您的网站是使用 Apache 还是 Nginx 服务器。 为此，请在浏览器上运行您的网站，按Ctrl + Shift + I转到该网站的网络（可能您需要刷新该网站一次），单击顶部的域名，然后转到标题部分。 在那里，您会找到您的服务器名称。

要将过期标头添加到 Apache 服务器，请使用任何 FTP 服务器 (Filezilla) 和 .htaccess 文件顶部的给定代码访问您的 .htaccess 文件。

 ## 过期头缓存##
<IfModule mod_expires.c>
过期激活
ExpiresByType image/jpg "访问 1 年"
ExpiresByType 图像/jpeg“访问 1 年”
ExpiresByType 图像/gif“访问 1 年”
ExpiresByType 图像/png“访问 1 年”
ExpiresByType 图像/svg“访问 1 年”
ExpiresByType text/css "访问 1 个月"
ExpiresByType 应用程序/pdf“访问 1 个月”
ExpiresByType 应用程序/javascript“访问 1 个月”
ExpiresByType 应用程序/x-javascript“访问 1 个月”
ExpiresByType 应用程序/x-shockwave-flash “访问 1 个月”
ExpiresByType 图像/x 图标“访问 1 年”
ExpiresDefault "访问 3 天"
</IfModule>
## 过期头缓存##

在 Cloudways，您不能在 Nginx 级别进行任何更改，但您可以使用 Apache 规则并在应用程序的 .htaccess 文件中添加过期标头。 有关更多信息，请查看 Cloudways 文章利用 WordPress 中的浏览器缓存来优化页面加载时间。

5) 减少 HTTP 请求

每次加载网站时，都会有一堆技术性的东西在用户屏幕上传递内容，包括 HTTP 请求。 那么什么是 HTTP 请求呢？ 它如何影响用户体验？ 你能做些什么来减少你网站的 HTTP 请求？

当有人访问您网站上的页面时，该人的Web 浏览器会向您的Web 服务器发送请求。 您的服务器托管他们试图在您的网站上查看的网页。 对于每个文件，Web 浏览器都需要发出单独的 HTTP 请求，因此您的网站拥有的文件越多，浏览器生成的HTTP 请求就越多。 更多的 HTTP 请求会影响您网站的用户体验。

以下是一些减少 HTTP 请求的广泛策略：

• 通过删除对您的站点没有任何价值的不必要插件来删除 HTTP 请求，因为插件通常会加载自己的 CSS 和 JavaScript。
• 通过将多个 CSS 文件合并为一个 CSS 文件来组合 HTTP 请求。 网站加载速度更快，因为浏览器需要发出更少的请求。
• 更好的策略之一是用更轻量级的插件替换重量级插件。
• 尽管图像使您的网站更具吸引力并为您的网站增加价值，但请删除不必要的图像并始终使用优化的图像（您可以使用 ShortPixel 和 WP Compress 来优化您的图像）。
• 对图像和视频使用延迟加载。

使用这些要点来加速您的 WordPress 网站以获得更好的性能。

6) 使用 GZIP 压缩组件

GZIP 压缩是一种通过压缩数据文件来减少文件下载时间的技术。 当浏览器收到压缩数据时，所有现代浏览器都会自动解压缩压缩文件。 所有现代浏览器、服务器软件和所有最好的 WordPress 主机都支持 GZIP 压缩。 GZIP 压缩可以将文件大小减少多达 70%。

Cloudways 附带已安装的 Breeze 插件，因此您只需安装并激活 Breeze WordPress 缓存插件即可实现 GZIP 压缩。

以下是 GZIP 压缩的推荐插件：

• 带有 WP Rocket 的 GZIP
• 带有 WP Super Cache 的 GZIP
• 带有 W3 总缓存的 GZIP

W3 Total Cache 是一个免费版本的缓存插件。 您只需要安装并激活插件，您的网站就会自动启用 GZIP 压缩。 转到Performance > General Settings ，然后启用'Browser Cache' 。 进行更改后单击“保存所有更改”按钮。

7) 避免空的 Src 或 Href

没有设置值（引号之间没有信息）的 HTML 属性称为“空”属性。 即使没有统一资源标识符 (URI) 值，源 (src)和链接 (href)的空属性也强调浏览器要连接。

以下是HTML和JavaScript中Source (src)和Link (href)空标签的一些示例：

HTML：

 <img src="">
<a href="">

JavaScript：

 var img = new Image();
img.src = "";

确保您的网站上没有空白的 HTML 和 JavaScript 标签。 如果有，请删除它们并妥善维护所有链接。 其次，空标签问题与图片有关，所以上传和使用时一定要检查图片链接。

8) 将 JavaScript 放在底部

这意味着您在 JavaScript 之前加载其他页面内容，因此互联网连接速度较慢的用户无需等待 JavaScript 加载。 当 JavaScript 被放置在顶部时，它首先开始加载并通过减慢页面内容的其余部分来影响用户体验。

使用.js扩展名 (my-amazing-script.js) 保存您的 JavaScript 文件并将该 JS 文件放在您的主题目录中（您可以为 JavaScript 创建一个目录，即 public_html/wp-content/themes/your-theme/assets /js)。 放置 JavaScript 文件后，编辑主题的functions.php文件并添加以下代码：

 函数 wpb_adding_scripts() {
wp_register_script('my-amazing-script', get_template_directory_uri() .'/js/my-amazing-script.js','','1.1', true);
wp_enqueue_script('my-amazing-script');
}
add_action('wp_enqueue_scripts', 'wpb_adding_scripts');

使用的函数wp_register_script()包括：

 <?php
wp_register_script( $handle, $src, $deps, $ver, $in_footer );
?>

将$in_footer参数设置为 true 以在 WordPress 页面的页脚或底部添加脚本。

响应代码

Pingdom 速度测试工具的下一部分是响应代码，也称为 HTTP 状态代码。 本节告诉您加载到页面上的所有资源发生了什么。 一些常见的有：

• 200 –一切正常
  301 -请求的资源已被永久移动
  404 -未找到请求的资源

200s 到 300s 范围内的响应代码通常没问题，但 400 到 500 之间的代码通常称为您应该修复的错误。

按内容类型划分的内容大小和请求

这有助于您查看网页的资源。 这些表格是关于您的内容和您的请求的分布的信息。

按内容类型划分的内容大小提供了按内容类型分组的所有网站资产的列表。 此信息可以帮助您清除错误。 无论您发现内容类型的内容大小超出预期，您都可以处理该部分内容以提高性能。

按域划分的内容大小和请求

通过域部分的内容大小和请求，您可以查看内部和外部服务及其中位数大小。 此部分显示域生成的请求。 建议减少外部请求，因为每个外部服务都会引入自己的延迟。

通常，最好尽量减少请求数量并将资产托管在一个地方，例如将它们移动到您的 Web 服务器或 CDN。 可以考虑以 FontAwesome 或 BootStrap 为例。 如果是外部链接FontAwesome或BootStrap的脚本，直接下载即可。

瀑布图

最后，我们有 Pingdom 速度测试工具请求部分，它生成一个瀑布图。 您可以分析每个请求以查看性能问题。 本节有详细的彩色编码瀑布图。

Pingdom 的瀑布分析显示您站点上的每个 HTTP 请求，开发人员使用它来直观地了解站点加载并识别瓶颈。 关注连接尺寸——冗长的连接和长条会阻碍网站快速加载。

概括

说到网站速度测试工具，市场上有很多工具可用。 如您所见，Pingdom 速度测试工具通过深入的解释和建议可以更好地探索网站性能。

我已经为您提供了有关该产品的详细信息。 现在轮到您使用此工具来提高网站的性能了。