今天我们想深入探讨如何更好地使用和理解流行的网站速度测试工具Pingdom的数据。您可以使用它对您的WordPress网站进行我们所说的瀑布分析。这可以帮助您快速诊断性能问题,并且不会误诊问题。
很多时候我们看到WordPress用户在Pingdom速度测试工具中解释数据错误,这导致有时将网站配置为比以前更糟糕的状态。请记住,所有此类工具都将用作指南,它们永远不会100%准确。重要的是在所有测试中保持一致并使用相同的工具。
Pingdom
Pingdom是一家总部位于瑞典的公司(现归SolarWinds所有),提供各种不同的服务,例如正常运行时间监控、页面速度监控、交易监控、服务器监控和访问者洞察 (RUM)。他们最著名的事情之一可能是他们的免费网站速度测试工具。它是WordPress 社区中最受欢迎的
Pingdom网站速度测试
Pingdom 目前允许您测试来自全球7个不同地点(5大洲)的任何网站的速度:
- 亚洲 – 日本 – 东京
- 欧洲 – 德国 – 法兰克福
- 欧洲 – 英国 – 伦敦
- 北美 – 美国 – 华盛顿特区
- 北美 – 美国 – 旧金山
- 太平洋 – 澳大利亚 – 悉尼
- 南美洲 – 巴西 – 圣保罗
注意:我们注意到有时并非所有测试位置都可用。这很可能是因为它因维护而停机,或者由于太多人试图对其进行测试而使其过载。如果您一直使用的测试站点位置不再存在,请在一两个小时后回来查看。很有可能它会再次出现。
您选择的测试位置实际上非常重要,因为它与您的网站实际托管的物理位置有关。这就是一个叫做网络延迟的小东西 发挥作用的地方。但我们将在下面更详细地介绍这一点。
使用Pingdom速度测试工具进行瀑布分析
网页由不同的资源组成,例如HTML、JavaScript、CSS、图像和视频。这些中的每一个都会生成请求以呈现您在网站上看到的内容。通常,您的请求越多,您的网站加载速度就越慢。情况并非总是如此,但大多数情况下确实如此。
下面我们将分解每个Pingdom部分,并更详细地解释信息的含义,因为它与您网站的整体性能以及如何进行瀑布分析有关。
- 第一次测试,在Pingdom上的得分为88/100,总加载时间为541毫秒。它让我们知道合并资产的总大小和请求数量。
DNS和缓存之前的Pingdom速度测试
然后我们运行了一个额外的测试 ,现在我们的总加载时间是392毫秒,页面大小和请求数量相同!那是怎么回事?🤔 如果您多次通过Pingdom速度测试工具运行您的网站,您可能会注意到这一点。较大的站点会注意到更大的差异。
发生的主要原因有三个:DNS缓存、CDN缓存和WordPress缓存。这就是为什么你应该总是多次运行测试。当然,对第三方资源和 API 的外部调用也会对此产生影响。在我们的瀑布分析中进一步了解原因。
DNS后Pingdom速度测试
想要在您的WordPress网站上获得更好的Pingdom分数吗?根据您的网站和配置,可能并不总是能获得完美的100/100 分,尤其是对于那些运行电子商务网站和营销像素的人。但简单地花一些时间提高你的分数是一个很好的起点。整体速度真的很重要。
有时,用户体验也可能胜过您在网络上阅读的一些网络性能技巧。您不能忘记用户体验! 但是请放心,我们将在下面与您进一步分享一些提示和技巧,以了解我们如何将上述网站带到现在的位置,因此请继续阅读。
提高页面性能
性能洞察部分,现在“提高页面性能” 已于2018年更新,他们删除了一些旧项目并添加了新项目。这很可能是因为他们报告的一些建议不再像以前那样相关。在Web性能优化方面,事情总是在变化。如果人们只是想追求完美的Pingdom分数,有时会很麻烦。
Pingdom性能洞察
但是,我们将在我们的帖子中保留整个部分(一些旧的和新的),因为了解这些分数的计算方式很重要。这些基本上都是基于Google PageSpeed Insight规则。通常,如果您在网站上改进这些,您应该会看到整体加载时间减少。
以下是改进页面性能部分的一些类别:
在我们自己的CDN速度测试中,我们发现CDN在某些情况下可以将页面加载时间减少50%以上!
避免HTTP 404(未找到)错误
此部分以前称为“避免错误请求”。这总是相关的!这个警告就像听起来一样,它是一个无法成功完成的请求。这通常会发生在您手动链接到已被删除的资产或图像,从而导致Perfmatters之类的插件在本地托管您的Google Analytics脚本(尽管这不受官方支持)。Perfmatters这样的高级插件 ,它有一个简单的一键式选项来删除查询字符串。
或者您可以手动将以下代码添加到您的主题
functions.php
文件中。更好的选择是使用像Code Snippets这样的免费插件来添加代码。这样您就不必直接编辑您的主题。function remove_query_strings() { if(!is_admin()) { add_filter(\'script_loader_src\', \'remove_query_strings_split\', 15); add_filter(\'style_loader_src\', \'remove_query_strings_split\', 15); } } function remove_query_strings_split($src){ $output = preg_split(\"/(&ver|\\?ver)/\", $src); return $output[0]; } add_action(\'init\', \'remove_query_strings\');
但是,在您立即删除站点上的查询字符串之前,了解使用查询字符串的原因很重要。WordPress开发人员通常使用文件版本控制来解决缓存问题。
举例来说,如果他们推出的更新和变革
style.css
,从?ver=4.6
到?ver=4.7
,这将被视为一个完全新的URL并不会被缓存。如果您删除查询字符串并更新插件,这可能会导致缓存版本继续提供服务。在某些情况下,这可能会破坏您网站的外观,直到缓存资源过期或缓存完全刷新。此外,一些CDN可以缓存查询字符串。
从静态资源警告中删除查询字符串
请参阅我们关于如何HTTP Archive,图像通常占网页平均总大小的43%。我们也看到通常情况也是如此。但是,正如您在本网站下方看到的,情况并非总是如此。
Pingdom内容类型
为了优化您的图像,我们强烈建议您阅读我们关于资源提示。开发人员可以使用
wp_resource_hints
过滤器,添加自定义域名和网址为dns-prefetch
,preconnect
,prefetch
或prerender
。SSL(紫色)
紫色状态颜色代表浏览器执行直到版本49才支持HTTP/2。所以我们很高兴地说,Pingdom工具现在在运行测试时展示了HTTP/2的所有优点!
Pingdom支持HTTP/2
连接(蓝绿色)
Pingdom中的连接时间是指TCP连接,或创建TCP连接所需的总时间。您实际上并不需要了解它是如何工作的,但这只是主机/客户端和服务器之间必须发生的一种通信方法。
Pingdom连接时间
等待(黄色)
Pingdom中的等待时间实际上是指TTFB是一种衡量指标,用于指示Web服务器或其他网络资源的响应能力。通常,低于100毫秒的任何东西都是可以接受的,并且是良好的TTFB。如果您接近 300-400 毫秒的范围,您的服务器可能配置错误,或者可能是时候升级到更好的网络堆栈了。
等待时间——TTFB
运行测试。它现在直接从缓存中提供服务。正如您所看到的,我们的总加载时间下降到392毫秒,初始请求的TTFB现在是52.8毫秒!这就是缓存的不同之处。
带有WordPress缓存的Pingdom TTFB
如果您的网站为该国不同地区或全球的访问者提供服务,另一种大幅降低TTFB的简单方法是使用CDN。我们再次进行了一些测试以显示差异。
没有CDN的TTFB
我们首先在禁用CDN的情况下运行测试,如您所见,我们的总加载时间为1.93秒,资产的平均TTFB约为176毫秒。
没有CDN的TTFB
带CDN的TTFB
然后我们启用了CDN并再次运行测试。正如您所看到的,我们的总加载时间下降到1.21秒,我们在CDN资产上的平均TTFB现在是4.6毫秒!CDN可以带来多大的不同。
带CDN的TTFB
事实证明,CDN缓存如何提高速度并减少TTFB。
当然,拥有一个经过深思熟虑的架构的优秀WordPress主机对于降低TTFB也至关重要。
发送(橙色)和接收(绿色)
Pingdom中的发送和接收状态真的不需要太多解释。发送时间只是Web浏览器将数据发送到服务器所需的时间。而接收时间是网页浏览器从服务器接收数据所需的时间。在您的测试中,这两者通常都非常低或不存在。
HTTP响应头
您还可以在进行瀑布分析时单击单个请求并查看HTTP响应标头。这提供了有价值的信息。在下面的屏幕中,我们可以立即看到诸如Perfmatters插件。这摆脱了不必要的HTTP请求,例如嵌入、表情符号,并且还有一个脚本管理器来启用/禁用某些脚本以在每个页面/帖子/站点范围的基础上加载。
- 高级Imagify插件用于压缩图像。
- 免费的Safe SVG插件用于将SVG图像上传到WordPress站点。
- 高级WordPress主题GeneratePress用于构建EDD站点。
进一步阅读的推荐教程:
- 如何消除阻塞渲染的JavaScript和CSS
- 如何禁用WordPress表情符号
- 如何禁用WordPress嵌入功能
- 如何实现WordPress网站的Google PageSpeed Insights测试满分
小结
如您所见,了解Pingdom速度测试工具如何更好地工作以及所有图表的含义可以帮助您在性能方面做出更加数据驱动的决策。我们称之为瀑布分析,了解您的个人资产如何加载以及它们如何受到您的WordPress主机、物理位置、CDN等的影响至关重要。