当前位置: 首页 > Chrome插件推荐 > 推荐十款免费的网站测速工具,帮你分析网页性能

推荐十款免费的网站测速工具,帮你分析网页性能

Chrome插件推荐

前提概要

一个网站的速度一定是一个网站成功的关键因素。越快载入的网站将有助于更好的搜寻引擎最佳化(SEO)评分、更高转换率、降低跳出率,延长访客停留在网站时间,对于使用者体验来说是整体提升!今天我们为大家整理了一系列可用的免费网站速度测试工具,这些工具当中有些chrome插件,也有一些不是浏览器插件。利用这些服务站长就能为网站最佳化,让网站实现最好的效能表现。
网站速度测速工具


网站速度测试方法

常用的网站速度测试方法有:

1.精确定位程式、字型和外挂造成的载入时间问题(HTML、Javascript、CSS)。
2.检查你的程式码是否最小化。
3.找出图片档案太大造成的瓶颈。
4.确定是否有禁止转译(Render-blocking)的 JavaScript 或 CSS。
5.测试 Time to First Byte(TTFB)。
6.分析总载入时间、页面大小和总请求数。
7.从不同的地理位置检查网站效能。
8.检查不同浏览器的渲染速度。
9.分析 HTTP 页首。
10.测试你的内容传递网路(CDN)性能。
11.验证资料能正确从你的 CDN 载入。
 

推荐的网站速度测试工具

1. 网页性能测试分析工具-PageSpeed Insights (by Google)

pagespeed insights
PageSpeed Insights是一个网站速度测试工具,以1-100分来评比网站。分数越高代表网站最佳化效果越好。通常在 85 分以上就表示你的网站表现良好。PageSpeed 给你包括桌面及行动版网页两种报告。你可以查看建议来改善网站成效,例如最小化 CSS 或最佳化你的图片大小。
 
PageSpeed Insights测量如何提高网页的效能:
 
1)time to above-the-fold load:从使用者请求一个新页面,到网页上方内容由浏览器显示出来瞬间所经过的时间。
2)time to full page load:从使用者请求一个新页面,到网页被浏览器完全载入时间。
行动装置报告有一个额外分类名为「使用者体验」。包含检查你的网站 Viewpoint 设定、按点目标大小(按钮和链结)以及字体大小。
 
PageSpeed Insights 团队近期也推出一个新的网站测速工具「Think with Google」,你也可以看看 Google 帮你测试网站是否对行动装置友善,三项评比指标提供最佳化指南介绍,这个工具不同的是会产生漂亮的报告。寄送给客户更为合适。

2.免费的在线网页速度测试-Pingdom

pingdom
Pingdom可能是较为知名的网站速度测试工具之一。他们的报告分成四个不同部分,其中包含一个瀑布图、效能等级、页面分析和历史。页面分析提供全方位的网站资讯概述,例如页面分析、从每个网域名称获取的档案大小(你可以很容易地比较透过 CDN 和直接透过网域名称获取的大小)、每个网域名称的请求数及大多数请求的内容类型为何。

3.网站性能测试工具-GTmetrix Plugin

gtmetrix
GTmetrix分析非常详细,因为它同时检查 PageSpeed 和 YSlow 指标,为你的网站提供一个从 F 到 A 的评级。分析结果呈现五个不同部分,包括 PageSpeed、YSlow、瀑布图、影片和历史。在免费注册后,你就能够从七个不同节点来进行测试。他们也让你能够选择浏览器,例如 Chrome 或 Firefox。你也可以测试比较网站在不同连线速度的效能(像是 Cable 或拨接网路),来看看不同的连线速度如何影响你的网站载入时间。其他进阶功能包括录影功能,可以分析你的网站载入瓶颈,还能加入 Adblock Plus。在阻挡广告后可以检查广告会如何影响你的网站载入速度。
 
注意:建议注册一个免费帐户,你将可以使用更多功能,如上面提到的。

4.网络速度测试插件-Speed Test

speed test
SpeedTest网络测速插件是一款可以测试用户当前网络连接速度的chrome插件,俗称测速软件,是一个可以让您的网站页面也具有测速功能的网页插件,只需要在chrome中安装了网络速度测试插件以后,用户不需要在本地安装任何其他的软件就可以随时随地使用网络速度测试插件来测试chrome的上网速度,比起用户还要打开电脑中的其他软件来说,网络速度测试插件不仅使用方便(直接在chrome中使用),还不会占用过多的用户资源。只需简单3步,您的页面即可拥有SpeedTest测速。(支持PC端网页、移动端网页、微信页面等)

5.WebPage Test

webpage test
WebPageTest 与前面提到的工具非常类似,但提供超过 40 个国家节点,且能选择超过 25 种浏览器(包括行动装置)。根据不同的网站效能给予 F 到 A 等级评分,例如 FTTB、压缩、快取、使用 CDN 等等。报告分为六部分(摘要、细节、效能、内容和屏幕截屏)。这项工具提供了对于测试的独特方法。它会执行「First view(第一次检视)」和「Repeat view(重複检视)」。这有助于诊断一些网站问题,例如前面提到的第一次 DNS 查询所造成的延迟。WebPageTest 有更多进阶功能,例如影片撷取、阻挡 Javascript、忽略 SSL 凭证和设定 User-agent。
 

6. Yellow Lab Tools

Yellow lab tools
Yellow Lab Tools是一款新型网页效能及前端品质测试工具。此工具给你大量资讯及一些在其他工具无法看到的独特功能,例如页面载入时 JavaScript 与 DOM 互动和其他程式码验证问题。可以从以下项目取得一个评分:
  • 页面权重
  • 请求数
  • DOM
  • 错误的 Javascript
  • 错误的 CSS
  • 伺服器设定
  • JavaScript 时间轴显示出在载入页面的过程中,DOM 是如何相互影响。

7.PageScoring

pagescoring
PageScoring 以提供简单易懂的简约设计效能报表著称。他们会秀出你的整体载入时间以及下列信息:
  • 网域名称查找
  • 连接时间
  • 重新定向时间
  • 页面大小
  • 下载时间
然后,你可以看到你的网站需要多少时间载入。如果你正在寻找一个快速且简单的网站速度测试工具,PageScoring 是很不错的选择。
 

8.DareBoost

dareboost
DareBoost 是市场上较新的工具之一。它提供超过 100 种不同的检查项目用以分析你的网站速度。它会以 1-100 给予评分。你可以测试桌面端与行动页面、Firefox 与 Chrome 和五个节点的速度差异。
 
报告会将优先等级区分出来。如果你注册免费帐户,你可以将报告输出为 PDF 格式或是与其他人的网站进行比较。他们提供了关于 100 种检查项目非常详细的资讯和范例。除了速度以外,这份报告也有搜寻引擎最佳化(SEO)、易用性(Accessibility)以及程式码品质建议。
 

9.Varvy Pagespeed Optimization

pagespeed optimization
Varvy Pagespeed Optimization 由是一个由 Patrick Sexton 开发维护的工具,他也建立了 GetListed.org,也就是 Moz Local 的前身。报告被分成五个不同部分,包括一个使用的资源图、CSS 传送、Javascript 使用、页面速度问题及使用的服务。这项工具使用很多的图形来呈现你的网站有那些项目可以修复,例如禁止转译。Patrick 也确实在如何进一步最佳化你的网站上提出相当关键性的教学文件,例如透过浏览器快取、延迟载入 JavaScript 等等。
 

10.Uptrends

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

总结

以上就是我们今天整理出来的一些可以免费使用的网站速度测试工具。每一项都有自己的独特功能,定期测试你的网站并尽可能获得好的评分,这段期间也别忘了持续改善网站效能。
 
一旦你知道网站的瓶颈在那,就可以开始解决这些问题。上面列出的所有工具几乎都有建议功能。一些常见的修复项目包括:
  • 压缩你的图片和档案。
  • 挑选一个快速的虚拟主机。
  • 最佳化你的程式码和程式。
  • 使用内容传递网路(Content Deliver Network,CDN)。
  • 快取。
  • 减少 HTTP 请求数量。

更多chrome插件推荐

相关插件内容推荐

AlloyDesigner - 前端重构开发辅助工具

开发者插件 2019-10-28 14:49:24

AlloyDesigner是来自Tencent AlloyTeam的前端开发工具,其只出现开发阶段的一定时期,可以在制作时期,也可以在开发测试期,旨在提高前端开发的效率,获得更加便捷的开发体验。

PageXray

开发者插件 2019-11-07 08:56:20

PageXray是一款chrome插件,它将向您显示在任何页面上使用的技术。

NetBeans Connector

开发者插件 2019-05-19 03:19:17

在NetBeans Connector提供获奖的NetBeans IDE和谷歌Chrome浏览器。
的NetBeans IDE提供了一套完整的JavaScript和HTML5的开发工具,包括代码编辑,调试,现场造型,开发与iOS和Android的奖项之间的深

Webstorm网页调试插件:JetBrains IDE Support

开发者插件 2021-09-15 14:06:18

JetBrains IDE Support是一款支持编译即时显示在浏览器上调试的谷歌浏览器插件。作为web开发人员常用的开发者插件,程序员习惯称之为JB插件。这款调试插件需要与一些开发工具结合使用,

Mobile/Responsive Web Design Tester

开发者插件 2019-11-07 09:11:18

Responsive Web Design Tester是一款可以模拟手机等移动设备来访问PC端的网页进而进行测试的Chrome插件,是一种快速、简单的测试响应性网站的方法。

Postman Interceptor

开发者插件 2018-04-16 16:07:54

送你发送请求通过邮差应用程序,它使用浏览器Cookie通过邮差镀铬的应用程序。
邮差拦截器发射帮助请求。
它也可以发送标题这是由镀铬通常的限制,但是对于测试API的关键。

Postman

开发者插件 2018-04-16 16:08:38

Postman是一个非常有力的Http Client工具,Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件,可在Web服务测 试中用来进行接口测试。

Domecross - 多点访问测试插件

办公插件 2019-11-22 09:20:29

为开发者提供的Chrome浏览器网站多点访问测试插件,可以模拟网站多地点打开效果和访问速度测试,极大提高您的测试工作的效率.。

postman接口测试系列教程(一):环境配置

聚合专题 2018-06-25 22:16:02

最近忙着项目接口测试,经过不同工具的对比,发现 postman 使用起来挺顺手的,所以马上决定使用这个工具进行接口测试工作。刚开始的时候,了解了下接口测试的相关信息,直接着手

chrome开发者工具实现整站截屏

聚合专题 2018-08-30 11:44:32

我们经常要遇到将整个网站作为图片保存下来的情况,而windows系统自带的PrintScreen键只能保存当前屏幕的截图 在chrome浏览器中可以安装第三方的截图插件实现整站截图 今天我们要介绍

JetBrains IDE Support v2.0.10

开发者插件 2021-09-15 14:07:43

使用 Google Chrome 的 JetBrains IDE 支持扩展在 web storm 2017.2 或更早版本 (或 JetBrains 的其他 IDE) 中调试客户端应用程序或者在 web storm 2018.2 或更早版本中使用实时编辑功能。