Loading
0

个人站主来收!16 个超实用的免费网站测速工具

技术小学生微信公众号
腾讯云服务器大促销。
华为服务器

一个网站的速度可以是成功的关键因素。越快载入的网站将有助于更好的SEO评分、更高转换率、降低跳出率,延长访客停留在网站时间,这也是为什么我们要整理收录一系列可用的免费网站速度测试工具,利用这些服务你就能为网站优化,让网站实现最好的效能表现。

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

这里是一些网站速度测试工具常用的方法:

  • 精确定位程序、字型和外挂造成的加载时间问题(HTML、Javascript、CSS)。

  • 检查你的程序代码是否最小化。

  • 找出图片档案太大造成的瓶颈。

  • 确定是否有禁止转译(Render-blocking)的 JavaScript 或 CSS。

  • 测试 Time to First Byte(TTFB)。

  • 分析总加载时间、页面大小和总请求数。

  • 从不同的地理位置检查网站效能。

  • 检查不同浏览器的渲染速度。

  • 分析 HTTP 页首。

  • 测试你的内容传递网络(CDN)性能。

  • 验证数据能正确从你的 CDN 加载。

在 KeyCDN 原文「16 Website Speed Test Tools for Analyzing Web Performance」中列出了相关技术说明和优化方式,不过在本文主要侧重于这些工具的介绍使用,如果对于细节有兴趣,可以回到本文去浏览详细说明。

网站速度测试工具栏表

现在,你对于网站效能有了一些概念,看看以下16个免费工具,它们能够用来测试你的网站速度效能。每个工具都有自己的特色、报告及使用不同方式来剖析你的测试结果。

注意:在使用这些工具时必须理解,通常第一次 DNS 查询时间会比较长。如果你要比较这些工具测试出来的加载总时间,最好可以多进行几次再取结果平均值。

1. KeyCDN Website Speed Test

搭梯子访问。

KeyCDN 建立了一个快速且轻量级网站速度测试工具,你可以透过它来得到你的网站效能数据。你能选择世界各地共 14 个节点,且控制是否让测试结果公开。这个测试包含了一个瀑布图(waterfall breakdown),最下方会有一个可视化网站预览图。你可以快速看到有多少个 HTTP 请求数、请求页面的完整大小和加载时间。

这也是 PageSpeed 以外唯一支持响应式设计的工具,且能在行动装置上运作自如。

2. Google PageSpeed Insights

梯子访问。

Google PageSpeed Insights 是一个网站速度测试工具,以 1-100 分来评比网站。分数越高代表网站优化效果越好。通常在 85 分以上就表示你的网站表现良好。PageSpeed 给你包括桌面及行动版网页两种报告。你可以查看建议来改善网站成效,例如最小化 CSS 或优化你的图片大小。

PageSpeed Insights 测量如何提高网页的效能:

  • time to above-the-fold load:从使用者请求一个新页面,到网页上方内容由浏览器显示出来瞬间所经过的时间。

  • time to full page load:从使用者请求一个新页面,到网页被浏览器完全加载时间。

行动装置报告有一个额外分类名为「使用者体验」。包含检查你的网站 Viewpoint 设定、按点目标大小(按钮和链结)以及字体大小。

3. Pingdom

Pingdom 可能是较为知名的网站速度测试工具之一。他们的报告分成四个不同部分,其中包含一个瀑布图、效能等级、页面分析和历史。

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

4. GTmetrix

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

在免费注册后,你就能够从七个不同节点来进行测试。他们也让你能够选择浏览器,例如 Chrome 或 Firefox。你也可以测试比较网站在不同连接速度的效能(像是 Cable 或拨接网络),来看看不同的连接速度如何影响你的网站加载时间。其他进阶功能包括录像功能,可以分析你的网站加载瓶颈,还能加入 Adblock Plus。在阻挡广告后可以检查广告会如何影响你的网站加载速度。

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

延伸阅读:GTmetrix 网页开启速度检测、分析工具,协助优化使用者体验

5. WebPageTest

WebPageTest 与前面提到的工具非常类似,但提供超过 40 个国家节点,且能选择超过 25 种浏览器(包括行动装置)。根据不同的网站效能给予 F 到 A 等级评分,例如 FTTB、压缩、快取、使用 CDN 等等。报告分为六部分(摘要、细节、效能、内容和屏幕撷图)。

这项工具提供了对于测试的独特方法。它会执行「First view(第一次检视)」和「Repeat view(重复检视)」。这有助于诊断一些网站问题,例如前面提到的第一次 DNS 查询所造成的延迟。WebPageTest 有更多进阶功能,例如影片撷取、阻挡 Javascript、忽略 SSL 凭证和设定 User-agent。

6. DareBoost

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

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

延伸阅读:DareBoost 在线分析网站效能,协助优化改善网页质量

7. Varvy Pagespeed Optimization

Varvy Pagespeed Optimization 由是一个由 Patrick Sexton 开发维护的工具,他也建立了 GetListed.org,也就是 Moz Local 的前身。

报告被分成五个不同部分,包括一个使用的资源图、CSS 传送、Javascript 使用、页面速度问题及使用的服务。这项工具使用很多的图形来呈现你的网站有那些项目可以修复,例如禁止转译。

Patrick 也确实在如何进一步优化你的网站上提出相当关键性的教学文件,例如透过浏览器快取、延迟加载 JavaScript 等等。

8. Uptrends

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

技术小学生微信公众号
华为服务器
腾讯云服务器大促销。

声明:站长码字很辛苦啊,转载时请保留本声明及附带文章链接:https://blog.tag.gg/showinfo-36-17276-0.html
亲爱的:若该文章解决了您的问题,可否收藏+评论+分享呢?
上一篇:说说我放弃的那些UGC自媒体平台
下一篇:360将上线百科大牌项目 附申请方法!