分享16个网站在线免费测速平台工具,实现网站速度提升优化

Google希望你的网站能在不到一秒内载入,越快越好。

作为网站站长,无疑最关心的就是打开的速度,这关系到网站在搜索引擎中SEO排名,同时能让访问的用户有更好的体验和参与度。这也是为什么我们要整理收录一系列可用的免费网站速度测试工具,利用这些服务你就能为知道影响网站速度的因素在哪里,做出针对性的优化实现最好的效能表现。

网站测速工具能帮你分析那些项目?

以下是使用网站速度测试工具的几种常见方式:

  • 精确定位脚本,字体和插件,导致加载时间问题(HTML、JavaScript、CSS)
  • 检查你的程序代码是否最小化
  • 查找导致瓶颈的大图像
  • 确定您是否具有阻止渲染的JavaScript或CSS
  • 测试到第一个字节的时间(TTFB)
  • 分析总加载时间,页面大小和请求数
  • 检查来自不同地理位置的效果
  • 在不同的浏览器中检查渲染速度
  • 分析HTTP标头
  • 评估内容传递网络的性能
  • 验证资料是否已从CDN正确加载

网站速度测试工具分享:

1、KeyCDN

分享16个网站在线免费测速平台工具,实现网站速度提升优化 技术教程 第1张

KeyCDN建立了一个快速且轻量级网站速度测试工具,您可以使用该工具来获取有关网站性能的详细数据,提供全球14个地点供您选择, 且控制是否让测试结果公开。该测试在底部包括瀑布分解和可视化网站预览。您可以快速查看发出了多少个HTTP请求,所请求页面的完整大小以及加载时间。

它也是PageSpeed之外响应速度快且在移动设备上运行良好的仅有工具之一。

2、Google PageSpeed Insights

分享16个网站在线免费测速平台工具,实现网站速度提升优化 技术教程 第2张

Google PageSpeed Insights是一种网站速度测试工具,可对您的网站进行1-100的分级。分数越高代表网站的优化程度越好。通常在85以上表示您的网站表现良好。PageSpeed可为您提供网站的桌面版和移动版的两种报告。您可以查看有关改进的建议,例如需要缩小CSS或优化图像。

PageSpeed Insights衡量页面如何在以下方面改善其性能:

  • 到首屏加载的时间:从用户请求新页面到浏览器呈现首屏内容的时间。
  • 加载到完整页面的时间:从用户请求新页面到浏览器完全呈现页面所经过的时间。

移动报告包含一个额外的类别,称为“用户体验”,包含在您的网站评分中。这包括检查视口配置,点击目标的大小(按钮和链接)以及合格的字体大小。PageSpeed Insights团队最近还推出了一个新的网站速度测试工具:Think with Google。 这个工具不同的是会产生漂亮的报告,寄送给客户更为合适。

3、Pingdom

分享16个网站在线免费测速平台工具,实现网站速度提升优化 技术教程 第3张

Pingdom可能是较著名的网站速度测试工具之一。他们的报告分为四个不同的部分,包括瀑布分解,性能等级,页面分析和历史记录。

页面分析提供全方位的网站资讯概述,例如页面分析、从每个网域名称获取的档案大小(你可以很容易地比较透过CDN和直接透过网域名称获取的大小)、每个网域名称的请求数及大多数请求的内容类型为何。

4、GTmetrix

分享16个网站在线免费测速平台工具,实现网站速度提升优化 技术教程 第4张

GTmetrix分析非常详细,因为它同时检查PageSpeed和YSlow指标,为你的网站提供一个从F到A的评级。分析结果呈现五个不同部分,包括PageSpeed、YSlow、瀑布图、影片和历史。

通过免费注册,您可以在七个不同的位置进行测试。同时还允许您选择浏览器,Chrome和Firefox。你也可以看看不同的连线速度如何影响你的网站载入时间。其他进阶功能包括录影功能,可以分析你的网站载入瓶颈,还能加入Adblock Plus。在阻挡广告后可以检查广告会如何影响你的网站载入速度。

注意:建议注册一个免费帐户,你将可以使用更多功能,如上面提到的。

5、WebPageTest

分享16个网站在线免费测速平台工具,实现网站速度提升优化 技术教程 第5张

WebPageTest与前面提到的工具非常相似, 但提供超过40个国家节点,且能选择超过25种浏览器(包括移动设备)可供选择。它根据不同的性能测试(例如FTTB,压缩,缓存,CDN的有效使用等)为您分配从F到A的等级,报告分为六个部分,包括摘要,详细信息,性能检查,内容细分,和屏幕截图。

这项工具提供了对于测试的独特方法。它会执行第一次视图(First view)和重复视图(Repeat view)。这有助于诊断第一次DNS所造成的延迟 。WebPageTest具有更高级的功能,例如视频捕获,禁用JavaScript,忽略SSL证书以及设定User-agent。

6、DareBoost

分享16个网站在线免费测速平台工具,实现网站速度提升优化 技术教程 第6张

DareBoost是市场上较新的工具之一。它提供超过100种不同的检查项目用以分析你的网站速度,并给予1-100的评分。你可以测试桌面端与行动页面、Firefox与Chrome和五个节点的速度差异。

报告会将优先等级区分出来。如果你注册免费帐户,你可以将报告输出为PDF格式或是与其他人的网站进行比较。他们提供了关于100种检查项目非常详细的资讯和范例。除了速度以外,这份报告也有搜寻引擎最佳化(SEO)、易用性以及程式码品质建议。

7、Varvy Pagespeed Optimization

分享16个网站在线免费测速平台工具,实现网站速度提升优化 技术教程 第7张

Varvy Pagespeed Optimization是一个由Patrick Sexton开发和维护的工具,他也创建了GetListed.org,现在将其称为Moz Local。

这些报告分为5个不同的部分,包括资源图,CSS传送,JavaScript使用,页面速度问题以及所使用的服务。该工具使用更多图形化表示形式来解决您网站上可能发生的问题,例如渲染阻止。还提供了有关如何通过关键渲染路径的教程,利用浏览器缓存,延迟加载JavaScript以及如何进一步优化网站的文档。

8、Uptrends

分享16个网站在线免费测速平台工具,实现网站速度提升优化 技术教程 第8张

Uptrends是一个非常基本的服务,但提供超过35个国家节点让你选择并执行网站速度测试工具。他们的报表分为两部分,一个瀑布图及网域名称群组。网域名称群组提供一个独特的视角,因为它把资源归类到不同来源:第一方、统计、CDN、社交网站、广告及第三方。

9、dotcom-monitor

分享16个网站在线免费测速平台工具,实现网站速度提升优化 技术教程 第9张

dotcom-monitor提供23种不同的位置和7种不同的浏览器,您可以在其中运行网站速度测试。它们的独特功能是您可以同时运行所有地理测试,这可以为您节省大量时间, 因为其他工具必须每个节点单独测试,然后你可以点选进入每个报告或瀑布图来查看更详细的资料。他们的报告分为五个不同的部分,包括摘要,性能,瀑布图(故障),主机和错误。

10、PageScoring

分享16个网站在线免费测速平台工具,实现网站速度提升优化 技术教程 第10张

PageScoring旨在提供具有简约设计的简单易懂的性能报告。它们显示您的总体加载时间,然后显示以下信息:

  • 网域名称查找
  • 连接时间
  • 重定向时间
  • 页面大小
  • 下载时间

然后,你可以看到你的网站需要多少时间载入。如果你正在寻找一个快速且简单的网站速度测试工具,PageScoring 是很不错的选择。

11、Yellow Lab Tools

分享16个网站在线免费测速平台工具,实现网站速度提升优化 技术教程 第11张

Yellow Lab Tools是Gaël Métais开发的一款新型网页效能及前端品质测试工具。 该工具为您提供了许多信息和一些其他工具所没有的独特功能 ,例如页面载入时JavaScript与DOM互动和其他程式码验证问题。可以从以下项目取得一个评分:

  • 页面权重
  • 请求数
  • DOM
  • 错误的Javascript
  • 错误的CSS
  • 服务器配置

JavaScript时间轴向您确切显示DOM在页面加载期间的交互方式。

12、Google Chrome开发人员工具

分享16个网站在线免费测速平台工具,实现网站速度提升优化 技术教程 第12张

当然,我们不能忘记Google Chrome的开发人员工具 。这是一个非常易于使用的工具(具有高级功能),您可以随时使用以下快捷键在浏览器中快速启动它:Windows:F12或Ctrl+Shift+ I;Mac:Cmd+Opt+I。

通过最新的开发人员工具更新,他们已在瀑布时间轴中添加了汇总的详细信息面板。这样,您可以更轻松地了解花费最多时间的时间,然后可以按域,子域等来改善。要执行时间轴功能只需要点选「Timeline」标签,或按下Ctrl + R(Cmd + R)然后重新整理页面。你可以点选「Summary」和「Aggregated」标签来查看详细资讯。

13、Sucuri Load Time Tester

分享16个网站在线免费测速平台工具,实现网站速度提升优化 技术教程 第13张

Sucuri Load Time Tester提供一个快速且简便的方法来测试从全世界各地连接到你网站的效能表现。它会给你一个整体效能评比,从A至F。这个测试方式是检测连结到你的网站及单一页面完整载入时间长度。一个最重要的数值是「Time to First Byte」,这代表内容传送到浏览器及开始处理页面的时间。

14、Pagelocity

分享16个网站在线免费测速平台工具,实现网站速度提升优化 技术教程 第14张

该Pagelocity工具提供了另一种独特的方法,当涉及到一个网站速度测试。它给您的总分是100,其中包括社交,SEO,资源和代码等因素。该工具还提供了跟踪竞争对手的功能。您可以注册一个免费帐户,以享受额外功能。代码视图在类似工具中是特别独特的,它将向您显示站点是否通过HTTPS运行,您的TTFB是什么以及带有 图形化DOM元素界面。

15、YSlow

分享16个网站在线免费测速平台工具,实现网站速度提升优化 技术教程 第15张

YSlow是一个开源项目和工具,可以分析网页并根据Yahoo!的高性能网站规则帮助您弄清为什么网页变慢。YSlow分三个步骤运行以获取其性能测试结果:

  • YSlow爬虫爬行DOM找到所有组件(图像,脚本等)。
  • YSlow获取有关每个组件大小的信息(Gzip,到期标头等)
  • YSlow获取数据并为每个规则生成一个评分,从而为您提供一个整体评分。

YSlow有23条不同的规则来运行您的网站以对其评分,例如使用CDN和减少DNS查找。你可以使用免费的YSlow Chrome扩充功能从GTmetrix获取YSlow结果。

16、PerfTool

分享16个网站在线免费测速平台工具,实现网站速度提升优化 技术教程 第16张

PerfTool是一个开源客户端性能工具项目,托管在GitHub上。它收集有关您网站的各种信息,并以易于理解的方式将其显示在报告页面上。它结合了三个数据源: PageSpeed Insights、devperf和W3CJS。总共可以为您提供200多种不同的性能指标。

PerfTool的一大优势在于,您可以同时为Google PageSpeed Insights报告运行多个页面测试。然后,比较以前测试的网站性能结果,设定得分并取得更详细的测试报告。如果您要对整个网站的网络性能进行基准测试,实际上可以节省大量时间,因为您不必一一测试页面。

最后总结:

以上列出了一些你可以选择使用的网站速度测试工具,每一项都有自己的独特功能,定期测试你的网站并尽可能获得好的评分,一旦你知道网站的瓶颈在那,就可以开始解决这些问题啦。

参与评论