2年前 (2016-08-21)  免费资源 酷站 |   抢沙发  1,961 次围观 
文章评分 1 次,平均分 5.0

网站性能对于用户体验尤其重要,其次也会影响网站在搜索引擎搜索结果的排名。而影响网站性能的因素有很多,找出那些影响网站性能的要素,你需要使用网站性能测试工具。

一个网站的速度是成功的关键要素,载入速度越快,网站才可能获得更高的搜索引擎优化评分,更低跳出率,更高的转化率和延长访客停留网站时间等。这次收录了16个免费网站性能检测工具,希望能够帮助你快速找到网站问题。

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

本文参考资料为16 Website Speed Test Tools for Analyzing Web Performance,原作者 Brian Jackson,繁体译文来自free.com.tw。

网站性能检测工具可以分析哪些项目?

网站性能检测工具一般会检测以下项目:

  • 检测你的网站的JS和CSS文件次序问题,是否压缩,是否过多JS或者CSS数量。
  • 检测你的网站是否启用了Gzip压缩。
  • 找出体积过大的图片。
  • 确定是否有禁止编译(Render-blocking)的 JavaScript 或 CSS。
  • 测试 Time to First Byte(TTFB)。
  • 分析总加载时间、页面大小和总请求数。
  • 检测网站在不同地区的载入速度。
  • 检测网站在不同浏览器下的渲染速度。
  • 分析 HTTP 页首。
  • 分析你的网站是否适用CDN加速。
  • 试你的内容传递网络(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 以外唯一支持响应式设计的工具,且能在移动设备上运行自如。

16个免费网站性能检测工具,分析网站效能表现

2. Google PageSpeed Insights

Google PageSpeed Insights 是Google开发的一个网站速度测试工具,以 1-100 分来评估网站。分数越高自然代表网站优化效果越佳。通常在 85 分以上就表示你的网站表現良好。PageSpeed 提供桌面和移动设备两个版本报告。你可以查看建议来优化网站的性能,例如最小化 CSS 或优化网站图片大小。

PageSpeed Insights 检测如何提高网站的效能:

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

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

PageSpeed Insights 团队近期还推出另外一个新的网站性能测试工具「Think with Google」,这个工具不同的是会自动生成漂亮的报告。

16个免费网站性能检测工具,分析网站效能表现

3. Pingdom

Pingdom 是较为知名的网站性能检测工具之一。该工具的报告分成四个不同部分,其中包含一個瀑布流图、性能等級、页面分析和历史。

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

16个免费网站性能检测工具,分析网站效能表现

4. GTmetrix

小编非常喜欢的网站性能检测工具之一。。GTmetrix 分析非常详细,因为它同時检测 PageSpeed 和 YSlow 指标,为检测网站提供一个从 F 到 A 的评级。分析结果呈现五个不同部分,包括 PageSpeed、YSlow、瀑布圖、影片和歷史。

在免费注册后,你就能够从不同节点来进行测试。让你能够选择浏览器,例如 Chrome 或 Firefox。你也可以测试比较网站在不同连接速度的性能(像是 Cable 或拨号上网),来看看不同的连接速度如何影响你的网站载入时间。其他高级功能包括录像功能,可以分析你的网站加载瓶颈,还能加入 Adblock Plus。在拦截广告后可以检测广告会如何影响你的网站载入速度。(在中国谷歌的广告还是比较影响网站载入速度的)

注意:建议注册免费账户以获取更多的功能支持。

16个免费网站性能检测工具,分析网站效能表现

5. WebPageTest

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

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

16个免费网站性能检测工具,分析网站效能表现

6. DareBoost

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

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

16个免费网站性能检测工具,分析网站效能表现

7. Varvy Pagespeed Optimization

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

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

Patrick 也确实在如何进一步优化网站上提出相当关键的教学文件,例如通过浏览器缓存、延迟载入JS文件等等。

16个免费网站性能检测工具,分析网站效能表现

8. Uptrends

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

16个免费网站性能检测工具,分析网站效能表现

9. dotcom-monitor

dotcom-monitor 提供 23 个不同国家节点及七种不同的浏览器,让你执行网站速度测试。这项服务的特色是你可以同时执行所有地理位置的测试。这可以让你节省大量的时间,因为其他工具必须每个节点单独测试。然后你可以点选进入每个报告或者瀑布图来查看更详细的资料。

他們的报表分成五个不同部分,其中包括一个总览、性能、瀑布图、主机和错误。

16个免费网站性能检测工具,分析网站效能表现

10. PageScoring

PageScoring 以提供简单易懂的简约设计性能报表著称。他们会展示你的网站整体载入时间以及下列信息项:

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

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

16个免费网站性能检测工具,分析网站效能表现

11. Yellow Lab Tools

Yellow Lab Tools 是 Gaël Métais 开发的一款新型网站性能及前端质量测试工具。此工具给你大量的测试信息及一些其他工具无法看到的独特功能,例如页面载入时JS与DOM互动和其他代码验证问题。可以从以下项取得一个评分:

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

JavaScript 时间轴显示出在载入页面的过程中,时间轴显示出在载入页面的过程中,DOM是如何相互影响的。

16个免费网站性能检测工具,分析网站效能表现

12. Google Chrome 开发人员工具

当然,我们不能忘记 Google Chrome 的开发人员工具。它是一个非常易用的工具(而且还提供高级功能),你可以随时通过下面的快捷键在自己的 Google Chrome 浏览器启用:

  • Windows:F12 或 Ctrl + Shift + I 。
  • Mac:Cmd + Opt + I 。

随着开发工具的更新,他们已经加入一个更详细的瀑布时间表。这可以让使用者更容易看到那个项目花费最多的时间,也就能夠按照域名名称、子域名等等来改善。要执行时间轴功能只需要点选「Timeline」标签,或按下 Ctrl + RCmd + R)然后重新整理页面。你可以点选「Summary」和「Aggregated」标签来查看详细信息。

13. Sucuri Load Time Tester

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

16个免费网站性能检测工具,分析网站效能表现

14. Pagelocity

当涉及到网站速度测试时,Pagelocity 工具提供了另一种独特的方法。它給你满分 100 分的评分检测,项目取决于社交网站、搜索引擎优化、资源和代码。这个工具也提供追踪竞争对手的功能。你可以注册一个免费账户来获取这些额外的功能。代码视图在类似工具中也是独一无二的,如果你的网站采用了HTTPS、想知道 TTFB 和图形化化 DOM 元素都能使用该工具了解。

16个免费网站性能检测工具,分析网站效能表现

15. YSlow

YSlow 是一个开源项目也是一个非常老牌的网站性能测试工具,许多网站测试工具多多少少都参考了该工具开发而来,基于 Yahoo 的规则能够分析网站页面并找出为何网站速度过慢的问题。目前由 Marcel Duran 维护,他也参与了 WebPageTest 项目。YSlow 通过三个步骤来执行网站性能检测:

  • YSlow 爬虫爬行 DOM 找到所有组件(图片、程序等等)。
  • YSlow 获取有关各个组件的大小(gzip、expire headers 等等)。
  • YSlow 取得数据并依照每条规则生成评比,以此最终算出一个整体评分。

YSlow 使用 23 条不同规则来执行你的网站评级。你可以免费使用 YSlow Chrome 扩展程序 从 GTmetrix 获取 YSlow 結果。

16个免费网站性能检测工具,分析网站效能表现

16. PerfTool

PerfTool 也是一个开源的网站性能检测工具,托管于 Github。它收集你的网站有关的各项数据,采用更容易被理解的方式生成详细的报表。它将三项数据合而为一:PageSpeed Insights、devperf 和 W3CJS。它一共给你超过200个不同网站性能指标。

使用 PerfTool 的一个绝佳优点是你可以在同一时间执行多种页面测试工具,包括 Google PageSpeed Insights。然后,比较先前的网站测试结果、设定得分并取得更详细的测试报告。实际上如果你想要了解整个网站的性能,这可为你节省大量时间,因为你不用逐个测试每个网页。

小结

如你所见,以上列出了一些你可以选择使用的网站速度测试工具。每一项都有自己的独特功能,我在前面也已经介绍。定期测试你的网站并尽可能获得较好的评分,这段期间也别忘了持续改善网站性能。

一旦你知道网站瓶颈在哪,就可以开始解决这些问题。上面列出的所有工具几乎都有建议功能。一些常见的修复项包括:

  • 压缩图片和JS、CSS等其他文件。
  • 选择较快的主机(如果是国内用户希望使用国外的云主机,小编建议Linode)。
  • 最优化你代码和程序。
  • 使用CDN网络(Content Deliver Network,CDN)。
  • 开启浏览器缓存,并设置合适的缓存时间。
  • 减少HTTP 请求数量。

转自:isoo

 

除特别注明外,本站所有文章均为JUST FOR FUN原创,转载请注明出处来自http://im.acirno.com/2072.html

关于
在哪都是个打酱油的(+﹏+)

发表评论

表情 格式

暂无评论

切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册

扫一扫二维码分享