前端性能测试工具sitespeedio

简介

Sitespeed.io是一组开放源代码工具，可轻松监视和衡量网站的性能

官网地址

https://www.sitespeed.io/

使用方法

• docker使用方式,以百度为例

[root@test-1 ~]# docker run --rm -v /data/web-test:/sitespeed.io sitespeedio/sitespeed.io https://www.baidu.com
Google Chrome 86.0.4240.75 
Mozilla Firefox 82.0
[2021-01-18 02:52:11] INFO: Versions OS: linux 3.10.0-1127.el7.x86_64 nodejs: v12.16.2 sitespeed.io: 15.6.2 browsertime: 10.6.2 coach: 5.1.1
[2021-01-18 02:52:11] INFO: Running tests using Chrome - 3 iteration(s)
[2021-01-18 02:52:13] INFO: Testing url https://www.baidu.com iteration 1
[2021-01-18 02:52:24] INFO: https://www.baidu.com TTFB: 127ms DOMContentLoaded: 532ms firstPaint: 316ms FCP: 316ms LCP: 341ms Load: 610ms TBT: 84ms CLS:0.0000
[2021-01-18 02:52:24] INFO: VisualMetrics: FirstVisualChange: 334ms SpeedIndex: 499ms VisualComplete85: 602ms LastVisualChange: 6.58s
[2021-01-18 02:52:24] INFO: Testing url https://www.baidu.com iteration 2
[2021-01-18 02:52:35] INFO: https://www.baidu.com TTFB: 89ms DOMContentLoaded: 466ms firstPaint: 205ms FCP: 205ms LCP: 280ms Load: 548ms TBT: 67ms CLS:0.0000
[2021-01-18 02:52:35] INFO: VisualMetrics: FirstVisualChange: 200ms SpeedIndex: 408ms VisualComplete85: 500ms LastVisualChange: 6.50s
[2021-01-18 02:52:36] INFO: Testing url https://www.baidu.com iteration 3
[2021-01-18 02:52:46] INFO: https://www.baidu.com TTFB: 79ms DOMContentLoaded: 378ms firstPaint: 195ms FCP: 195ms LCP: 223ms Load: 436ms TBT: 47ms CLS:0.0000
[2021-01-18 02:52:46] INFO: VisualMetrics: FirstVisualChange: 200ms SpeedIndex: 334ms VisualComplete85: 400ms LastVisualChange: 6.40s
[2021-01-18 02:52:46] INFO: https://www.baidu.com 49 requests, TTFB: 98ms (±11.94ms), firstPaint: 239ms (±31.66ms), firstVisualChange: 245ms (±36.47ms), FCP: 239ms (±31.66ms), DOMContentLoaded: 459ms (±36.42ms), LCP: 281ms (±27.82ms), CLS: 0 (±0.00), TBT: 66ms (±8.73ms), Load: 531ms (±41.57ms), speedIndex: 414ms (±38.96ms), visualComplete85: 501ms (±47.61ms), lastVisualChange: 6.50s (±43.65ms) (3 runs)
[2021-01-18 02:52:48] INFO: HTML stored in /sitespeed.io/sitespeed-result/www.baidu.com/2021-01-18-02-52-11

• 可以将结果放入nginx等web服务器中然后访问，也可以下载下来查看
  测试结果以网站的域名为目录存放，访问其中的index.html即可查看结果

[root@test-1 ~]# cd /data/web-test/sitespeed-result
[root@test-1 sitespeed-result]# ll
drwxr-xr-x 3 root root 33 1月  18 10:52 www.baidu.com