Pingdom网站速度测试工具使用教程与优化技巧

今天我们将深入探讨如何更有效地使用和理解流行的网站速度测试工具Pingdom的数据。您可以通过Pingdom对WordPress网站进行瀑布分析,从而快速诊断性能问题并避免误诊。然而,许多WordPress用户在解读Pingdom速度测试数据时存在误区,有时甚至导致网站配置变得更差。请记住,所有此类工具都应作为参考指南,它们并非100%准确。在所有测试中保持一致性并使用相同工具至关重要。

Pingdom网站速度测试工具使用教程与优化技巧

Pingdom是一家总部位于瑞典的公司(现归SolarWinds所有),提供多种服务,包括正常运行时间监控、页面速度监控、交易监控、服务器监控和访问者洞察(RUM)。其中最著名的就是其免费网站速度测试工具,这也是WordPress社区中最受欢迎的性能测试工具之一。那么,为什么如此受欢迎呢?首先,Pingdom可能是最容易使用的速度测试工具!并非所有人都具备网络性能专业知识,因此对于典型的WordPress用户来说,其他一些替代工具可能会显得过于复杂。正如我们常说的,少即是多。毕竟,您只关心两件事:您的网站有多快以及如何使其更快。

Pingdom网站速度测试工具使用教程与优化技巧

### Pingdom网站速度测试

Pingdom网站速度测试工具使用教程与优化技巧

Pingdom目前允许您从全球7个不同地点(覆盖5大洲)测试任何网站的速度:亚洲——日本——东京,欧洲——德国——法兰克福,欧洲——英国——伦敦,北美——美国——华盛顿特区,北美——美国——旧金山,太平洋——澳大利亚——悉尼,南美洲——巴西——圣保罗。需要注意的是,有时并非所有测试位置都可用,这可能是由于维护或过载所致。如果您一直使用的测试站点位置不再存在,建议在一两个小时后再次尝试,很可能它会重新出现。

Pingdom网站速度测试工具使用教程与优化技巧

您选择的测试位置非常重要,因为它与您的网站实际托管的物理位置有关。这就是所谓的网络延迟发挥作用的地方,但我们将稍后详细解释。

Pingdom网站速度测试工具使用教程与优化技巧

### 使用Pingdom速度测试工具进行瀑布分析

Pingdom网站速度测试工具使用教程与优化技巧

网页由多种资源组成,如HTML、JavaScript、CSS、图像和视频。每个资源都会生成请求以呈现您在网站上看到的内容。通常,请求越多,网站加载速度越慢。虽然情况并非总是如此,但大多数情况下确实如此。下面我们将分解Pingdom的各个部分,并详细解释信息的含义,以便更好地进行瀑布分析。

Pingdom网站速度测试工具使用教程与优化技巧

#### Pingdom摘要

Pingdom网站速度测试工具使用教程与优化技巧

当您通过Pingdom运行WordPress网站时,它会生成性能等级、总加载时间、总页面大小以及网站上的请求数量。例如,我们使用perfmatters.io网站进行测试,这是一个运行Easy Digital Downloads的电子商务网站。第一次测试在Pingdom上的得分为88/100,总加载时间为541毫秒。它还显示了合并资产的总大小和请求数量。

Pingdom网站速度测试工具使用教程与优化技巧

##### DNS和缓存之前的Pingdom速度测试

Pingdom网站速度测试工具使用教程与优化技巧

然后我们运行了一个额外的测试,总加载时间缩短至392毫秒,页面大小和请求数量相同。较大的站点可能会注意到更大的差异。主要原因有三个:DNS缓存、CDN缓存和WordPress缓存。这就是为什么您应该多次运行测试。当然,对第三方资源和API的外部调用也会产生影响。在我们的瀑布分析中我们将进一步了解原因。

Pingdom网站速度测试工具使用教程与优化技巧

##### DNS后Pingdom速度测试

Pingdom网站速度测试工具使用教程与优化技巧

想要在WordPress网站上获得更好的Pingdom分数吗?根据您的网站和配置,可能无法获得完美的100/100分,尤其是对于运行电子商务网站和营销像素的用户。但提高分数是一个很好的起点。整体速度真的很重要。有时用户体验可能比网络上阅读的一些性能技巧更重要。但请放心,我们将在下面分享一些技巧和策略。

Pingdom网站速度测试工具使用教程与优化技巧

#### 提高页面性能

Pingdom网站速度测试工具使用教程与优化技巧

性能洞察部分现已更新,删除了一些旧项目并添加了新项目。这可能是由于一些报告的建议不再像以前那样相关。在Web性能优化方面,事情总是在变化。如果人们只是追求完美的Pingdom分数,有时会很麻烦。但我们将保留整个部分,因为了解分数的计算方式很重要。这些基本上基于Google PageSpeed Insight规则,通常改进这些方面会减少整体加载时间。

Pingdom网站速度测试工具使用教程与优化技巧

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

Pingdom网站速度测试工具使用教程与优化技巧

在WordPress网站上实施CDN是最重要的服务之一。CDN是遍布全球的服务器网络(也称为POP),旨在托管和交付静态(有时是动态)内容的副本,如图像、CSS、JavaScript和视频流。CDN的好处包括性能提升、更低的带宽和托管成本,甚至SEO优势。我们推荐的一些第三方CDN提供商包括KeyCDN、Cloudflare、StackPath、CDN77、又拍云、阿里云和华为云。在CDN速度测试中,我们发现CDN在某些情况下可以将页面加载时间减少50%以上!

Pingdom网站速度测试工具使用教程与优化技巧

##### 避免HTTP 404(未找到)错误

Pingdom网站速度测试工具使用教程与优化技巧

此部分以前称为“避免错误请求”,始终相关。它指的是无法成功完成的请求,通常发生在您手动链接到已被删除的资产或图像,导致404错误。这会在Pingdom中显示为橙色圆圈,以及响应标头状态的404。始终确保网站上的每个请求都以成功状态返回,以避免对不再存在的资产生成查询。

Pingdom网站速度测试工具使用教程与优化技巧

##### 最小化重定向

Pingdom网站速度测试工具使用教程与优化技巧

过多的重定向总是需要注意的事情。简单的重定向,如单个301重定向、HTTP到HTTPS或www到非www(反之亦然)都可以。但每个重定向都会对网站性能产生影响。如果您开始堆叠重定向,重要的是了解它们如何影响性能。这适用于页面和帖子重定向、图像重定向等。重定向在Pingdom中显示为蓝色圆圈,以及响应标头状态上的301或302。

Pingdom网站速度测试工具使用教程与优化技巧

##### 添加过期标题

Pingdom网站速度测试工具使用教程与优化技巧

此建议以前称为“利用浏览器缓存”。用外行的话来说,WordPress站点上的每个脚本都需要附加一个HTTP缓存标头。要解决此问题,请确保您的WordPress主机具有正确的cache-control标头和expires标头设置。查看有关如何手动添加缓存标头的指南。另一个问题是,当您加载第三方脚本时,您无权添加缓存标头,因为您无法控制他们的Web服务器。常见的罪魁祸首包括Google Analytics脚本和营销像素。要解决此问题,您可以使用Perfmatters之类的插件在本地托管您的Google Analytics脚本。

Pingdom网站速度测试工具使用教程与优化技巧

##### 从静态资源中删除查询字符串

Pingdom网站速度测试工具使用教程与优化技巧

另一个常见问题是处理查询字符串。您的CSS和JavaScript文件通常在其URL末尾带有文件版本,例如https://domain.com/file.min.css?ver=4.5.3。某些服务器和代理服务器无法缓存查询字符串。因此,通过删除它们,您有时可以改善缓存。您可以使用Perfmatters之类的插件,它有一个简单的一键式选项来删除查询字符串。或者您可以手动添加代码到主题functions.php文件中。更好的选择是使用Code Snippets插件添加代码。但在您立即删除查询字符串之前,了解使用查询字符串的原因很重要。

Pingdom网站速度测试工具使用教程与优化技巧

##### 使用无Cookie的域

Pingdom网站速度测试工具使用教程与优化技巧

很多时候您可以忽略此警告,因为HTTP/2等新协议现在使这变得不那么重要。但解决此问题的方法是使用CDN提供商去除cookie或创建单独的域和/或子域。

Pingdom网站速度测试工具使用教程与优化技巧

##### 提供来自无cookie域警告的静态内容

Pingdom网站速度测试工具使用教程与优化技巧

提供来自无cookie域警告的静态内容可以通过使用高级DNS服务进一步优化。

Pingdom网站速度测试工具使用教程与优化技巧

##### 使用GZIP压缩组件

Pingdom网站速度测试工具使用教程与优化技巧

当Pingdom检测到未使用GZIP压缩的资产时,会出现“使用GZIP压缩组件”警告。GZIP是一种压缩方法,用于减小基于文本的文件的大小。在服务器上启用GZIP压缩,并在将网页和资产发送给访问者之前对其进行压缩。启用GZIP压缩将请求的文件大小减少了78%以上。部分服务器提供商已默认启用GZIP,如果发现未启用,建议立即联系支持团队启用。

Pingdom网站速度测试工具使用教程与优化技巧

##### 跨主机名并行下载

Pingdom网站速度测试工具使用教程与优化技巧

此警告是由于HTTP/1.1的限制和浏览器对并发连接数的限制;这通常是6个连接。过去,绕过这个限制的唯一方法是域分片。但如果您使用支持HTTP/2的网络主机或CDN提供商,现在可以放心地忽略这一点。

Pingdom网站速度测试工具使用教程与优化技巧

##### 指定缓存验证器

Pingdom网站速度测试工具使用教程与优化技巧

此警告是指缺少HTTP缓存标头,这些标头应包含在每个源服务器响应中,以验证并设置缓存的长度。如果没有找到标头,它每次都会为资源生成一个新的请求,这会增加服务器的负载。

Pingdom网站速度测试工具使用教程与优化技巧

##### 指定一个Vary: Accept-Encoding标头

这是一个HTTP标头,应包含在每个源服务器响应中,告诉浏览器客户端是否可以处理内容的压缩版本。

#### Pingdom响应代码

响应代码,也称为HTTP状态代码,是来自Web服务器的简短注释,添加到网页的顶部。一些常见的有:200(一切正常)、301(请求的资源已被永久移动)、404(未找到请求的资源)。

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

这些有助于快速查看网页上占用最多资源的内容。根据HTTP Archive,图像通常占网页平均总大小的43%。优化图像非常重要,我们强烈建议您阅读有关如何优化Web图像和WebP的深入文章。

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

快速查看网站上哪些外部服务和脚本的好方法。通常,您可以做出的外部请求越少越好,因为每个外部服务都会引入自己的延迟、TLS握手延迟、DNS查找等。

#### Pingdom瀑布图

Pingdom速度测试工具会生成您网页上所有单个请求的瀑布图。您可以分析每个请求以查看导致站点延迟和性能问题的原因。以下是对每种状态颜色含义的更深入总结。

##### DNS(粉红色)

DNS是域名服务器的简称,它们保存有关您网站的信息以及应该将其路由到哪个IP。当您第一次通过Pingdom运行网站时,它会执行新的查找,必须查询DNS记录以获取IP信息,这会导致一些额外的查找时间。DNS服务器的位置也很重要。

##### SSL(紫色)

紫色状态颜色代表浏览器执行SSL/TLS握手所需的时间。每当您通过HTTPS运行网站时,就意味着涉及SSL证书,并且由于加密过程而需要额外时间。

##### 连接(蓝绿色)

Pingdom中的连接时间是指TCP连接,或创建TCP连接所需的总时间。

##### 等待(黄色)

Pingdom中的等待时间实际上是指首字节时间,在某些工具中也称为TTFB。TTFB是一种衡量指标,用于指示Web服务器或其他网络资源的响应能力。通常,低于100毫秒的任何东西都是可以接受的,并且是良好的TTFB。减少TTFB的最简单方法是使用有效的WordPress缓存和CDN。

##### 发送(橙色)和接收(绿色)

发送时间只是Web浏览器将数据发送到服务器所需的时间,而接收时间是网页浏览器从服务器接收数据所需的时间。

#### HTTP响应头

在进行瀑布分析时,您可以单击单个请求并查看HTTP响应标头,这提供了有价值的信息。

#### 案例研究域配置

如果您在我们的瀑布分析帖子中深入了解了这一点,那么您将大饱眼福。下面是我们对上面使用的案例研究域的确切配置!随意复制它。

##### Architecture 案例研究域 (perfmatters.io)

托管在美国的Google Cloud Platform上(美国爱荷华州Council Bluffs (us-central1))。目前提供28个不同的数据中心可供选择。GCP的高级网络是包含在闪电般快速网络延迟的所有计划中。网站服务器使用HTTP/2、Nginx、MariaDB,这些都有助于加快加载时间。该站点正在使用KeyCDN,它为CDN提供支持。该站点没有使用任何缓存插件。在服务器级别缓存所有内容,这大大简化了事情!该站点使用的是PHP 7.3。较新版本的PHP总是表现出巨大的性能改进。更新WordPress网站的PHP版本。

##### WordPress插件和主题

以下是影响WordPress电子商务网站上使用的性能的插件列表。高级Perfmatters插件、高级Imagify插件、免费的Safe SVG插件、高级WordPress主题GeneratePress用于构建EDD站点。

### 小结

了解Pingdom速度测试工具如何更好地工作以及所有图表的含义可以帮助您在性能方面做出更加数据驱动的决策。我们称之为瀑布分析,了解您的个人资产如何加载以及它们如何受到您的WordPress主机、物理位置、CDN等的影响至关重要。

文章网址:https://www.wpbull.com/jiqiao/5996.html