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

Chrome插件推荐 2018-03-02 11:21

前提概要

一个网站的速度一定是一个网站成功的关键因素。越快载入的网站将有助于更好的搜寻引擎最佳化（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是一个网站速度测试工具，以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可能是较为知名的网站速度测试工具之一。他们的报告分成四个不同部分，其中包含一个瀑布图、效能等级、页面分析和历史。页面分析提供全方位的网站资讯概述，例如页面分析、从每个网域名称获取的档案大小（你可以很容易地比较透过 CDN 和直接透过网域名称获取的大小）、每个网域名称的请求数及大多数请求的内容类型为何。

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

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

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

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

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

5.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是一款新型网页效能及前端品质测试工具。此工具给你大量资讯及一些在其他工具无法看到的独特功能，例如页面载入时 JavaScript 与 DOM 互动和其他程式码验证问题。可以从以下项目取得一个评分：

页面权重
请求数
DOM
错误的 Javascript
错误的 CSS
伺服器设定
JavaScript 时间轴显示出在载入页面的过程中，DOM 是如何相互影响。

7.PageScoring

PageScoring 以提供简单易懂的简约设计效能报表著称。他们会秀出你的整体载入时间以及下列信息：

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

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

8.DareBoost

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

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

9.Varvy Pagespeed Optimization

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