当前位置: 首页 > java >正文

你学会了些什么220120?--网页性能指标检测

调研的工具(5个):
1、PageSpeed Insights(建议采纳)
2、Lighthouse
3、SiteSpeed
4、Speedcurve
5、webpagetest

PageSpeed Insights
谷歌开发的一个免费的网页分析工具,能够针对移动设备和桌面设备生成网页的实际性能报告,并能够提供关于如何改进相应网页的建议。
PageSpeed Insights:https://pagespeed.web.dev/
在这里插入图片描述
***六项基础指标及指标建议值:
Largest Contentful Paint (LCP) :最大内容绘制,测量加载性能。为了提供良好的用户体验,LCP 应在页面首次开始加载后的2.5 秒内发生。
First Input Delay (FID) :首次输入延迟,测量交互性。为了提供良好的用户体验,页面的 FID 应为100 毫秒或更短。
Cumulative Layout Shift (CLS) :累积布局偏移,测量视觉稳定性。为了提供良好的用户体验,页面的 CLS 应保持在 0.1. 或更少。
First Contentful Paint (FCP):标测量页面从开始加载到页面内容的任何部分在屏幕上完成渲染的时间
Interaction to Next Paint (INP):在通过测量页面上所有的点击、点击和键盘交互来表示页面的整体响应性。在这些观察到的交互中,当用户完成页面操作时,会选择时间最长的交互(下面指出一些例外)作为页面的INP值。
Time to First Byte (TTFB):度量从请求资源到响应的第一个字节开始到达之间的时间的指标
在这里插入图片描述

***多端测试(桌面及移动端)
在这里插入图片描述

***性能问题诊断
在这里插入图片描述

***优化建议
在这里插入图片描述

***诊断结果
在这里插入图片描述

http://www.xdnf.cn/news/989.html

相关文章:

  • docker数据目录迁移步骤
  • CopyOnWriteArrayList核心源码解析
  • 历史榜单的存储策略
  • 【系统架构设计师】信息安全的概念
  • Linux之信号
  • 【DataScript】标准数据格式化-国民经济行业分类(GB/T 4754-2017)
  • NLP高频面试题(四十八)大语言模型中的思维链(CoT)技术详解
  • Kafka 详细解读
  • 合同管理Contract Management
  • PowerBI工具提示-将表悬浮在数据上方
  • 【英语语法】词法---数词
  • 服务器数据迁移指南
  • docker基本命令1
  • 21-算法打卡-哈希表-三数之和-leetcode(15)-第二十一天
  • 鸿蒙系统ArkTs代码复习1
  • 多线程使用——线程池
  • 基于opencv和PaddleOCR识别身份证信息
  • RIP动态路由,实现两台PC互通三个路由器,两台电脑
  • 成功案例|TRAP1 与 CAMSAP3:早期子宫内膜癌预后的新 “风向标”
  • Federated Feature Augmentation and Alignment
  • Linux卸载删除gitlab
  • Vmware esxi 给现有磁盘增加空间后并扩展系统里磁盘空间
  • 文件内容课堂总结
  • Webpack 插件开发
  • MYDB仿MySQL手写数据库项目总结
  • UML 状态图:解锁电子图书馆管理系统的高效设计
  • 经典文献阅读之--KISS-Matcher(快速且稳健的点云注册)
  • C语言中联合体(Union)和结构体(Struct)的嵌套用法
  • VS Code + GitHub:高效开发工作流指南
  • 前端vue监听 -watch