前端性能测试工具 —— WebPageTest

测试工具介绍

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

应用:

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

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

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

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

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

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

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

相关推荐
wuhen_n22 分钟前
JavaScript内存管理与执行上下文
前端·javascript
Hi_kenyon43 分钟前
理解vue中的ref
前端·javascript·vue.js
落霞的思绪2 小时前
配置React和React-dom为CDN引入
前端·react.js·前端框架
Hacker_Z&Q2 小时前
CSS 笔记2 (属性)
前端·css·笔记
Anastasiozzzz2 小时前
LeetCode Hot100 295. 数据流的中位数 MedianFinder
java·服务器·前端
Exquisite.3 小时前
Nginx
服务器·前端·nginx
打小就很皮...3 小时前
dnd-kit 实现表格拖拽排序
前端·react.js·表格拖拽·dnd-kit
Ulyanov3 小时前
从静态到沉浸:打造惊艳的Web技术发展历程3D时间轴
前端·javascript·html5·gui开发
打小就很皮...3 小时前
React 19 + Vite 6 + SWC 构建优化实践
前端·react.js·vite·swc
Highcharts.js3 小时前
使用Highcharts与React集成 官网文档使用说明
前端·react.js·前端框架·react·highcharts·官方文档