16 个免费网站测速东西,剖析网页效能体现

16 个免费网站测速东西,剖析网页效能体现

16 个免费网站测速东西,剖析网页效能体现


16 个免费网站测速东西,剖析网页效能体现-第1张图片-小蜜蜂主机博客

本文参考材料为16 Website Speed Test Tools for Analyzing Web Performance,原作者Brian Jackson。

一个网站的速度能够是成功的关键因素。好像KeyCDN在「内容传递网路:初学者攻略」讨论过的,越快载入的网站将有助于更好的搜索引擎最佳化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

16 个免费网站测速东西,剖析网页效能体现-第2张图片-小蜜蜂主机博客

KeyCDN建立了一个快速且轻量级网站速度检验东西,你能够透过它来得到你的网站效能数据。你能选择世界各地共14个节点,且控制是否让检验成果揭露。这个检验包含了一个瀑布图(waterfall breakdown),最下方会有一个可视化网站预览图。你能够快速看到有多少个HTTP恳求数、恳求页面的完好巨细和载入时刻。

这也是PageSpeed 以外仅有援助呼应式规划的东西,且能在举动设备上运作自若。

2. Google PageSpeed Insights

16 个免费网站测速东西,剖析网页效能体现-第3张图片-小蜜蜂主机博客

Google PageSpeed Insights是一个网站速度检验东西,以1-100分来评比网站。分数越高代表网站最佳化作用越好。一般在85分以上就表示你的网站体现良好。PageSpeed给你包含桌面及举动版网页两种陈述。你能够检查主张来改进网站成效,例如最小化CSS或最佳化你的图片巨细。

PageSpeed Insights 丈量怎么进步网页的效能:

  • time to above-the-fold load:从运用者恳求一个新页面,到网页上方内容由阅览器显现出来瞬间所通过的时刻。

  • time to full page load:从运用者恳求一个新页面,到网页被阅览器彻底载入时刻。

举动设备陈述有一个额定分类名为「运用者体会」。包含检查你的网站Viewpoint 设定、按点目标巨细(按钮和链结)以及字体巨细。

PageSpeed Insights团队近期也推出一个新的网站测速东西「Think with Google」,你也能够看看  Google帮你检验网站是否对举动设备友善,三项评比目标供给最佳化攻略介绍,这个东西不同的是会发生漂亮的陈述。寄送给客户更为适宜。

3. Pingdom

16 个免费网站测速东西,剖析网页效能体现-第4张图片-小蜜蜂主机博客

Pingdom可能是较为闻名的网站速度检验东西之一。他们的陈述分红四个不同部分,其间包含一个瀑布图、效能等级、页面剖析和前史。

页面剖析供给全方位的网站资讯概述,例如页面剖析、从每个网域称号获取的档案巨细(你能够很简单地比较透过CDN和直接透过网域称号获取的巨细)、每个网域称号的恳求数及大多数恳求的内容类型为何。

延伸阅览:Pingdom Tools网站速度、效能检测东西,剖析并找出拖慢网页速度的问题

4. GTmetrix

16 个免费网站测速东西,剖析网页效能体现-第5张图片-小蜜蜂主机博客

GTmetrix剖析十分具体,由于它一起检查PageSpeed和YSlow目标,为你的网站供给一个从F到A的评级。剖析成果出现五个不同部分,包含PageSpeed、YSlow、瀑布图、影片和前史。

在免费注册后,你就能够从七个不同节点来进行检验。他们也让你能够选择阅览器,例如Chrome 或Firefox。你也能够检验比较网站在不同连线速度的效能(像是Cable 或拨接网路),来看看不同的连线速度怎么影响你的网站载入时刻。其他进阶功用包含录影功用,能够剖析你的网站载入瓶颈,还能参加Adblock Plus。在阻挠广告后能够检查广告会怎么影响你的网站载入速度。

留意:主张注册一个免费帐户,你将能够运用更多功用,如上面说到的。

延伸阅览:GTmetrix网页开启速度检测、剖析东西,帮忙最佳化运用者体会

5. WebPageTest

16 个免费网站测速东西,剖析网页效能体现-第6张图片-小蜜蜂主机博客

WebPageTest与前面说到的东西十分相似,但供给超越40个国家节点,且能选择超越25种阅览器(包含举动设备)。依据不同的网站效能给予F到A等级评分,例如FTTB、紧缩、快取、运用CDN等等。陈述分为六部分(摘要、细节、效能、内容和萤幕撷图)。

这项东西供给了关于检验的共同办法。它会履行「First view(第一次检视)」和「Repeat view(重复检视)」。这有助于诊断一些网站问题,例如前面说到的第一次DNS查询所形成的推迟。WebPageTest有更多进阶功用,例如影片撷取、阻挠Javascript、疏忽SSL凭据和设定User-agent。

6. DareBoost

16 个免费网站测速东西,剖析网页效能体现-第7张图片-小蜜蜂主机博客

DareBoost是市场上较新的东西之一。它供给超越100种不同的检查项目用以剖析你的网站速度。它会以1-100给予评分。你能够检验桌面端与举动页面、Firefox与Chrome和五个节点的速度差异。

陈述会将优先等级区别出来。假如你注册免费帐户,你能够将陈述输出为PDF 格局或是与其别人的网站进行比较。他们供给了关于100 种检查项目十分具体的资讯和范例。除了速度以外,这份陈述也有搜索引擎最佳化(SEO)、易用性(Accessibility)以及程式码质量主张。

延伸阅览:DareBoost线上剖析网站效能,帮忙最佳化改进网页质量

7. Varvy Pagespeed Optimization

16 个免费网站测速东西,剖析网页效能体现-第8张图片-小蜜蜂主机博客

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

陈述被分红五个不同部分,包含一个运用的资源图、CSS传送、Javascript运用、页面速度问题及运用的效劳。这项东西运用许多的图形来出现你的网站有那些项目能够修正,例如制止转译。

Patrick 也确实在怎么进一步最佳化你的网站上提出相当关键性的教育文件,例如透过阅览器快取、推迟载入JavaScript 等等。

8. Uptrends

16 个免费网站测速东西,剖析网页效能体现-第9张图片-小蜜蜂主机博客

Uptrends是一个十分根本的效劳,但供给超越35个国家节点让你选择并履行网站速度检验东西。他们的报表分为两部分,一个瀑布图及网域称号群组。网域称号群组供给一个共同的视角,由于它把资源归类到不同来历:第一方、统计、CDN、交际网站、广告及第三方。

9. dotcom-monitor

16 个免费网站测速东西,剖析网页效能体现-第10张图片-小蜜蜂主机博客

dotcom-monitor供给23个不同国家节点及七种不同的阅览器,让你用于履行你的网站速度检验。这项效劳的特征是你能够一起履行一切地理位置的检验。这能够让你节约很多时刻,由于其他东西必须每个节点独自检验。然后你能够点选进入每个陈述或瀑布图来检查更具体的材料。

他们的报表分红五个不同部分,其间包含一个总览、效能、瀑布图、主机和过错。

10. PageScoring

16 个免费网站测速东西,剖析网页效能体现-第11张图片-小蜜蜂主机博客

PageScoring以供给简略易懂的精约规划效能报表著称。他们会秀出你的全体载入时刻以及下列资讯:

  • 网域称号查找

  • 衔接时刻

  • 重新定向时刻

  • 页面巨细

  • 下载时刻

然后,你能够看到你的网站需求多少时刻载入。假如你正在寻觅一个快速且简略的网站速度检验东西,PageScoring 是很不错的选择。

11. Yellow Lab Tools

16 个免费网站测速东西,剖析网页效能体现-第12张图片-小蜜蜂主机博客

Yellow Lab Tools是  Gaël Métais开发的一款新型网页效能及前端质量检验东西。此东西给你很多资讯及一些在其他东西无法看到的共同功用,例如页面载入时JavaScript与DOM互动和其他程式码验证问题。能够从以下项目获得一个评分:

  • 页面权重

  • 恳求数

  • DOM

  • 过错的Javascript

  • 过错的CSS

  • 伺服器设定

JavaScript 时刻轴显现出在载入页面的过程中,DOM 是怎么相互影响。

12. Google Chrome 开发人员东西

16 个免费网站测速东西,剖析网页效能体现-第13张图片-小蜜蜂主机博客

当然,咱们不能忘掉Google Chrome的开发人员东西。它是一个十分易用的东西(并且具有进阶功用),你能够随时透过下面的快捷键在自己的Google Chrome阅览器启用:

  • Windows:F12或Ctrl + Shift + I 。

  • Mac:Cmd + Opt + I 。

藉由开发东西的更新,他们现已参加一个更具体的瀑布时刻表。这能够让运用者更简单看到网站中那个项目花费最多时刻,也就能够依照网域称号、子网域等等来改进。要履行时刻轴功用只需求点选「Timeline」标签,或按下Ctrl + RCmd + R)然后重新收拾页面。你能够点选「Summary」和「Aggregated」标签来检查具体资讯。

13. Sucuri Load Time Tester

16 个免费网站测速东西,剖析网页效能体现-第14张图片-小蜜蜂主机博客

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

14. Pagelocity

16 个免费网站测速东西,剖析网页效能体现-第15张图片-小蜜蜂主机博客

当涉及到网站速度检验时,Pagelocity东西供给了另一种共同办法。它给你满分100分的评比检验,项目取决于社群网站、搜索引擎最佳化、资源和程式码。这个东西也供给追踪竞争对手的才能。你能够注册一个免费帐户来获取这些额定功用。程式码检视图在相似东西中是独一无二的,假如你的网站运用HTTPS、想知道TTFB和图形化DOM元素都能透过这项东西来做到。

15. YSlow

16 个免费网站测速东西,剖析网页效能体现-第16张图片-小蜜蜂主机博客

YSlow是一项敞开原始码项目,根据Yahoo的规矩能够剖析网站页面并找出为什么速度过慢的问题。现在由Marcel Duran保护,他也参与了WebPageTest专案。YSlow运用三个过程来获取效能检验成果:

  • YSlow 爬虫匍匐DOM 找到一切组件(图片、程式等等)。

  • YSlow 获取有关各个组件的巨细(gZIP、expire headers 等等)。

  • YSlow 获得数据并依照每条规矩发生评比,以此给你一个全体评分。

YSlow运用23条不同规矩来履行你的网页评级。你能够运用免费的YSlow Chrome扩大功用从GTmetrix获取YSlow成果。

16. PerfTool

16 个免费网站测速东西,剖析网页效能体现-第17张图片-小蜜蜂主机博客

PerfTool是一个敞开原始码效能东西,保管于Github。它搜集有关你网站的各种资讯,选用更简单被了解的办法将其显现于报表上。它将三个材料来历合而为一:PageSpeed Insights、devperf和W3CJS。它一共给你超越200个不同的网站成效目标。

运用PerfTool的一个绝佳长处是你能够在同一时刻履行多种页面检验东西,包含Google PageSpeed Insights。然后,比较从前的网站检验成果、设定得分并获得更具体的检验陈述。实际上假如你想要了解整个网站的效能,这可为你节约很多时刻,由于你不用逐一检验每个网页。

总结

如你所见,以上列出了一些你能够选择运用的网站速度检验东西。每一项都有自己的共同功用,我在前面也现已介绍。定时检验你的网站并尽可能获得好的评分,这段期间也别忘了继续改进网站效能。

一旦你知道网站的瓶颈在那,就能够开端处理这些问题。上面列出的一切东西几乎都有主张功用。一些常见的修正项目包含:

  • 紧缩你的图片和档案。

  • 选择一个快速的虚拟主机

  • 最佳化你的程式码和程式。

  • 运用内容传递网路(Content Deliver Network,CDN)。

  • 快取。

  • 削减HTTP 恳求数量。