讨论到WordPress网站,必须要重视到速度很重要。这是一个事实。为什么?首先,网站速度是Google算法甚至所有搜索引擎算法的重要因素。加载速度足够快的网站才有可能会在搜索引擎中获得更高的排名,并吸引更多的访问者。其次,这也是用户体验考虑因素。如果网站加载速度足够快,访问者更有可能留下来,阅读您的内容,并最终转换。换句话说,作为一个网站管理员/运营者,都应该渴望更快的网站加载速度,没有任何一个赛车手不对高性能车“趋之若骛”。

对于网站速度测试来说,最重要的一点是选择一个工具并坚持使用它。每个工具都有自己的一组不同的评测标准,因此您不能将一个工具的测试结果与另一个工具的测试结果进行比较。工具本身没有正确或错误的,您应该关注的是不停地并改进。


1. Pingdom

Pingdom提供市场领先的网站监控服务,并以其免费的网站速度测试工具而闻名。速度测试工具以瀑布视图显示您网站的所有请求。您可以按加载顺序、文件大小和加载时间进行筛选,为您提供不同的视角来识别潜在的改进要点—它还列出了总请求、加载时间和页面大小等信息。

多年来,由于它非常容易使用,特别是与类似的速度测试工具相比,它饱受好评。对于初学者来说,Pingdom绝对是首选的网站测速工具

Pingdom
pingdom-website-speed-test-tool-1.png

Pingdom还为您提供速度性能评级,满分为100分。这个评分分为十二个标准,每个标准都有一个单独的分数。同样,这有助于确定“quick wins”的目标,使您的网站速度得到即时、切实的提高。网站有机会获得满分100分。但是,不要过分关注分数,因为它们与简单地在你的网站上进行改进以加快速度无关。

Pingdom存储您网站上执行的所有测试的结果,这样你可以查看历史数据进行对比分析。


2. Google PageSpeed Insights

谷歌自2010年以来就表示,页面速度是搜索引擎优化的重要排名因素。为了帮助你提高网站的速度,Google也推出了自家的网站速度测试工具,Google Pagespeed Insights,它可以测量页面移动设备和桌面设备的性能。

google-pagespeed-insights-tool-1.png

PageSpeed得分范围为0到100分,基于Lighthouse。分数越高越好,85分或更高的分数表示页面性能良好。报告页面为您提供了一个有用的细分步骤,您可以采取这些步骤来提高性能。PageSpeed insights还为您提供移动设备的其他用户体验建议。查看我们对pagespeed insights是否可以得分100/100的想法。如果你想把你的网站提升到SERP的顶端,那么听听谷歌的建议是值得的。


3. Google Mobile Website Speed Testing Tool

据谷歌称,如果一个网站在移动端不友好,那么人们跳出该网站的可能性要高出5倍。这就是他们发布移动网站速度测试工具的原因。这个工具实际上是由Google Pagespeed Insights提供支持的,旨在为营销人员和机构提供易于理解的优化报告。

google-mobile-website-speed-test-tool-1.png

您可以将报告直接发送到电子邮件,或者将信息转发给您的网站管理员或开发人员。但是,记住,在所有的场景中,100/100分几乎不可能,这取决于你的WordPress站点是如何设置的。许多多用途的主题和网站附带了几十个外部脚本,想要获得一个完美的分数的话显然是很困难的。


4. Google Analytics Site Speed

Google Analytics也提供网站速度测试服务。你可以通过GA仪表盘的“行为”菜单找到它。它通过网页中包含的代码片段捕获信息。站点速度报告三个方面的延迟来衡量:

  1. 网站页面视图示例的页面加载时间。
  2. 要跟踪的任何离散命中、事件或用户交互的执行速度或加载时间。
  3. 浏览器解析文档并使其可用于用户交互的速度有多快。
    google-analytics-site-speed-timings.png

虽然这对整体比较很有帮助,但我们通常建议不要使用它,因为我们发现数据并不总是准确的,或者对网站上实际发生的事情的描述过于含糊。为什么?因为它是从随机抽样的数据中收集的。


5. WebPageTest

WebPagetest 由谷歌的Chrome引擎工程师帕特里克·米南创建。它是一个开放源代码项目,允许您使用真正的浏览器(如Chrome等)在全球多个位置运行免费的网站速度测试。对于需要从速度测试中获取额外数据的高级用户来说,这是一个很好的工具。

webpagetest.png

WebpageTest允许您执行高级测试,包括多步骤事件、捕获视频、内容阻止、比较第一视图与重复视图、更改连接速度等。他们的瀑布图和资源加载报告提供了许多关于可以在整个站点中进行改进的额外信息。


6. GTmetrix

GTmetrix 是另一种流行的速度分析工具,可以说是所有Pingdom替代方案中最著名的一个。该工具简单易用,初学者可以很快上手。该工具结合了Google Pagespeed Insights和YSlow提供的性能和建议,提供了全面的分析。这意味着GTMetrix实际上是满足您所有速度优化需求的一站式服务。

gtmetrix-website-speed-test-tool.jpg

为了用户更好地阅读理解分析数据,GTmetrix在页面顶部显示摘要,列出总页面加载时间、页面大小和请求数。该工具还将您的请求列表显示在瀑布图中,使您能够轻松地识别问题区域和瓶颈。瀑布图支持下载,这样您就可以执行进一步的分析。
您可以创建一个免费帐户,这样您就可以保存最近20个测试,比较历史数据,并对测试位置、浏览器、连接速度等进行预配置设置。


7. KeyCDN Website Speed Test

KeyCDN的免费网站速度测试工具提供了一种非常快速简便的方法来确定您的WordPress网站的整体速度。 简单的页面速度测试包括页面要素加载瀑布分解和网站预览。 您可以选择全球的14个不同测试位置,以便更好地确定不同物理位置加载网站内容的整体下载时间。

keycdn-website-speed-test-tool.jpg

您可以同时运行私有和公共测试,然后您可以通过分析或书签保存数据以供将来参考。 细分报告将展示请求方法(GET / POST),HTTP状态代码(例如200 OK或404),文件类型,内容大小,等待/接收时间,总下载时间以及在您的网站上生成的HTTP请求总数等信息。 KeyCDN还有其他免费的Web性能测试工具,如Ping测试,HTTP / 2测试,HTTP检查和Traceroute工具。


8. DareBoost

DareBoost 是一个一站式服务,用于网站速度测试,Web性能监控和网站分析(速度,SEO,质量,安全性)。 虽然它们主要提供高级付费服务,但您可以使用他们的网站速度测试工具(每月可获得5份免费报告),相对付费客户部分高级功能被阉割。 但免费报告实际上对大部分站长来说是足够的!

dareboost-website-speed-test-tool-1.png

DareBoost速度测试报告分析了以下类别中的80多个不同数据点:

  • 缓存策略-Cache policy
  • 请求数量-Number of requests
  • 安全-Security
  • 可用性-Accessibility
  • 合规-Compliance
  • 质量-Quality
  • jQuery
  • 浏览器渲染-Browser Rendering
  • 数据量-Data amount
  • SEO

您可以快速查看WordPress网站哪些地方需要进一步优化。 与我们提到的其他工具相比,这个工具提供的安全报告也非常独特。 您可以看到诸如您的网站是否受到点击劫持攻击,是否缺少内容安全策略标题,甚至是有关您的SSL证书的信息。 他们的设计也非常棒! 如果您需要为您的老板或客户提供报告,这个工具无疑是个选择。

DareBoost
dareboost-website-speed-test-tool-2.png


9. Web Page Analyzer

Web Page Analyzer 是一款强烈推荐的免费工具,用于分析网站的速度,大小和布局。 该脚本计算各个元素的大小,并总结每种类型的网页组件。 根据这些页面特征,然后脚本提供有关如何改善页面加载时间的建议。

web-page-analyzer.png

更具体地说,该工具将告诉您网站不同连接速度加载所需的时间。 如果您希望详细说明数据,则 Web Page Analyzer 会为您分解数据,显示每个数据的大小和注释。 在分析的最底部,该工具提供有关您网站性能的11个特定方面的评论和建议 – 包括告诉您哪些方面表现良好。 看来这个工具暂时没有更新,所以不要指望HTTP / 2支持这样的东西。


  1. YSlow
    接下来,Yahoo!’s的老牌页面性能工具YSlow。 该工具需要作为浏览器的附件安装,完全免费使用 – 并且支持大多数流行的Web浏览器。

YSlow
yslow-speed-test-tool.png

Yahoo! 团队筛选整理了影响网站速度的34个因素。 不幸的是,只有23个可以进行定量测试,因此该工具将重点放在这些领域的分析上–YSlow网站列出了这些23个“规则”以及扩展的细节,非常值得一试。 随着分析的完成,YSlow将为网站每个区域评分 – 从A到F评分。这使您可以非常轻松地发现您的较弱区域,然后有针对性地改造优化。

这曾经是最流行的速度测试工具。 但不幸的是,YSlow项目已不再维护(这或者多多少少与雅虎现在的状况有关)。 他们的最后一次提交更新是2年前,他们的GitHub页面上有100多个未解决的问题。 但是,扩展程序仍然提供了一些有用的信息,但我们建议使用新的且保持更新的网站速度测试工具。


11. Chrome DevTools

Chrome DevTools 网络面板是Chrome提供的功能。这是一个非常受开发人员欢迎的工具,因为它很容易访问,而且对于本地调试和测试非常有用。您可以通过按Command+Option+I (Mac) 或Control+Shift+I (Windows, Linux)在 Chrome 中轻松启动网络面板。然后,您可以生成站点的瀑布式分析,并深入挖掘每个元素的性能。

chrome-devtools-network-waterfall-1.png

Chrome 60以后的版本还新增了另一个重要功能是拦截请求。这在试图确定第三方服务或脚本在您的站点上的开销时非常有用。
Chrome DevTools
chrome-devtools-request-blocking-2.png

Google的团队还将Lighthouse整合到Chrome Devtools中。 Lighthouse是一种开源的自动化工具,用于提高网页质量。 该工具提供性能,可访问性,渐进式Web应用程序等检查功能。 您可以从“Audit”选项卡运行它。 它有一个类似的0-100分的评分系统。 您可以深入了解您的请求,查看哪些脚本可能是阻止渲染,图像压缩节省等等。然后您可以轻松地与其他人共享链接。
Chrome DevTools
chrome-devtools-request-blocking-3.png

Chrome Devtools中的其他功能包括能够禁用缓存,限制网络连接,获取页面呈现的屏幕截图以及诊断较慢的TTFB。


  1. Load Impact
    Load Impact 是测试网站并发访问性能的最佳工具之一。他们提供免费的网站性能测试(每月5次报告),分析在您的网站上执行25个并发用户的服务器响应以及这种适度的流量对网站速度的影响。

load-impact-websites-speed-test-tool-1.jpg

Load Impact 会展示一个非常清晰明了的图表,动态演示了当更多用户访问您的网站时,网站负载时间是如何变化的。为了确保您的网站能够满足全球受众,Load Impact 还将从不同的位置向您的网站发送虚拟用户
Load Impact
load-impact-websites-speed-test-tool-2.png

想要更多并发用户测试吗? Load Impact 提供更具体的并发测试统计信息,如带宽使用情况、发出的请求以及每秒的请求数。如果您需要额外的分析数据,考虑升级到 Load Impact 提供的付费计划,这允许您测试更大的并发用户对网站加载速度影响。价格小贵,每月89美元起,适合企业网站用户。


13. Site Relic

Site Relic 是另一个新兴的完全免费的网站速度测试工具。它允许您在9个不同区域的移动和桌面设备上轻松检查站点的加载时间。您还可以同时查看您的TTFB跨所有区域。

site-relic-1.png

单个位置报告允许您快速查看完全加载的时间、页面大小、第一个字节、请求总数、请求计数(按类型)和请求计数(按响应代码)。该工具中的瀑布式报告设计得非常友好,数据一目了然。
Site Relic
site-relic-2.png


14. dotcom-monitor

dotcom-monitor 有很多免费和有用的工具。其中之一是他们的网站速度测试工具。它允许你从全球25个地点即时测试你的网站速度。您可以在不同的浏览器、移动设备之间进行选择,如Internet Explorer、Firefox、Chrome、iOS、Android、Windows Phone和BlackBerry。

dotcom-monitor
dotcom-monitor-website-speed-test.png

他们的网络性能报告包括:

  • 按位置汇总
  • 10%加载最快的元素
  • 10%加载最慢的元素
  • 综合瀑布图
  • 按主机元素细分-包括DNS、连接、SSL、请求、第一个数据包和下载
  • 错误检查和诊断


15. New Relic

New Relic 提供各种服务,从应用程序性能监控、服务器监控、移动监控和实时用户洞察。从技术上讲,这是一个高级工具,但如果您需要比上述工具提供的更多的数据,这将是您想要的一个工具。

New Relic
new-relic-1.png

实际上,一些服务器提供商也使用 New Relic 提供的产品来监控服务器正常运行时间和性能。
New Relic
new-relic-2.png

一个特别有用的特性是WordPress插件部分。您可以立即看到哪些插件和主题的响应时间最长。
New Relic
new-relic-3.png

如果你的网站变慢了,通过 New Relic 你可以很容易地看到及收到通知提醒,以便你可以立即采取行动,看看可能导致的问题的原因。这还包括查看外部服务或广告网络,它们可能会减慢您的网站速度。
New Relic
new-relic-4.png


小结

如果你希望拥有一个闪电般快速的网站——你应该认真阅读此文!–确保至少使用这些工具中的一个来定量测量网站速度及定制优化策略。网站速度是任何成功网站的重要组成部分。你的网站越快,成功的机会就越大。

你平日用什么工具来测量网站速度及如何优化你的网站加载速度?欢迎留言与大家分享、讨论。

Last modification:December 15th, 2019 at 10:10 am
如果觉得我的文章对你有用,请随意赞赏