前端性能测试工具 —— WebPageTest

测试工具介绍

WebPageTest 是一个用于测量和分析网页性能的工具。它提供了详细的诊断信息,帮助用户了解网页在不同条件下的表现。用户可以选择全球不同的测试地点,使用真实的浏览器,并自定义网络条件进行测试。WebPageTest 还支持核心网络指标、Lighthouse 分析和视觉比较等功能。此外,它最近引入了碳控制实验,允许用户测量网站的碳足迹并进行无代码实验以寻找优化方法。

应用:

打开测试工具:http://www.webpagetest.org/

1.打开主页,输入需要测试的网址,点击START TEST按钮开始测试

2.跳转到测试页面,分三次测试,会自动完成后跳转到测试结果页面

3.跳转到测试页面,可以看到网址,测试结果,点击某次测试可以进入详情页面,也可以点击Re-run the test按钮重新测试

4.点击进入第一次测试结果,进入到详细页面,可以看到各个资源的加载时间,js,css,图片的加载时间都非常清楚。

5.通过view可以查看不同形式的测试结果

好啦,这就是 WebPageTest 工具的使用简单介绍,下期我们介绍另外一个前端性能测试工具 ------ YSlow

相关推荐
用户3169353811837 小时前
SpringBoot + Vue 项目生产环境部署完整指南
前端·后端
Csvn8 小时前
🔍 TypeScript `satisfies` 操作符:既要类型安全,又要推断的原始字面量类型
前端
Csvn8 小时前
🚦 手写 Promise 并发控制:如何优雅限制异步请求的并发数?
前端
gb42152878 小时前
python中Web应用服务器
开发语言·前端·python
默_笙8 小时前
💌 为了把"主题色"传给孙子组件,我翻了五层楼——直到遇见了 useContext
前端·javascript
颜进强8 小时前
04 - 一张图看懂 OpenSpec 变更的一生:从创建到归档
前端·后端·ai编程
the_answer8 小时前
JS 垃圾回收机制
前端
小KK_8 小时前
JS 事件循环从小白视角入门:宏任务、微任务与 async/await 一网打尽
前端·javascript
aloha_8 小时前
Linux服务器上指定目录的文件下载
前端
szp20059 小时前
为了在浏览器里跑多线程 ONNX 推理,我把自己的支付浮层弄挂了
前端·webassembly