WEB性能分析

本文介绍了Web性能的重要性,详细讲解了Chrome的Performance和Audits工具,以及如何使用Audits生成Web性能报告。重点分析了六个关键性能指标:首次绘制、首次有效绘制、首屏时间、首次CPU空闲时间、完全可交互时间和最大估计输入延时,为Web应用优化提供指导。
摘要由CSDN通过智能技术生成

(一)什么是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)。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值