你学会了些什么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):度量从请求资源到响应的第一个字节开始到达之间的时间的指标
***多端测试(桌面及移动端)
***性能问题诊断
***优化建议
***诊断结果