(一)什么是web性能?
Web 性能描述了 Web 应用在浏览器上的加载和显示的速度。
(二)web性能查看工具
Chrome 为我们提供了非常完善的性能检测工具:Performance 和 Audits,它们能够准确统计页面在加载阶段和运行阶段的一些核心数据,诸如任务执行记录、首屏展示花费的时长等,
(三)Audits 使用:利用 Audits 生成 Web 性能报告
在Chrome无痕模式下,(Chrome开启无痕模式,右侧三个点,打开新的无痕窗口)
我们需要先配置 Audits,配置模块主要有两部分组成,一个是监测类型 (Categories),另外一个是设备类型 (Device)。
监控类型 (Categories) 是指需要监控哪些内容,这里有五个对应的选项,它们的功能分别是:
1. 监测并分析 Web 性能 (Performance);
2. 监测并分析 PWA(Progressive Web App) 程序的性能;
3. 监测并分析 Web 应用是否采用了最佳实践策略 (Best practices);
4. 监测并分析是否实施了无障碍功能 (Accessibility),无障碍功能让一些身体有障碍的人可以方便地浏览你的 Web 应用。
5. 监测并分析 Web 应用是否采实施了 SEO 搜素引擎优化 (SEO)。