06 2024 档案
摘要：
Web 性能是 Web 开发的一个重要方面，侧重于网页加载速度以及对用户输入的响应速度
通过优化网站来改善性能，可以在为用户提供更好的体验
网页性能既广泛又非常深入
1. 为什么性能这么重要？
1. 性能关乎留住用户
性能对于任何在线业务都至关重要
与加载速度缓慢、让人感觉运行缓慢的网站相比，加载速度快并能及时响应用户输入的网站能更好地吸引并留住用户
2. 性能能提高转化次数
性能会对网站用户是否会浏览应用产生重大影响
3. 性能关乎用户体验
随着网页开始加载，用户会等待一段时间，等待内容显示。在此之前，就谈不上用户体验
快速连接会让这种体验一闪而过。而如果连接速度较慢，用户就不得不等待
阅读全文
Web 性能是 Web 开发的一个重要方面，侧重于网页加载速度以及对用户输入的响应速度
通过优化网站来改善性能，可以在为用户提供更好的体验
网页性能既广泛又非常深入
1. 为什么性能这么重要？
1. 性能关乎留住用户
性能对于任何在线业务都至关重要
与加载速度缓慢、让人感觉运行缓慢的网站相比，加载速度快并能及时响应用户输入的网站能更好地吸引并留住用户
2. 性能能提高转化次数
性能会对网站用户是否会浏览应用产生重大影响
3. 性能关乎用户体验
随着网页开始加载，用户会等待一段时间，等待内容显示。在此之前，就谈不上用户体验
快速连接会让这种体验一闪而过。而如果连接速度较慢，用户就不得不等待
阅读全文
摘要：
以用户为中心的性能指标是理解和改进站点体验的关键点
一、以用户为中心的性能指标
1. 指标是用来干啥的？
指标是用来衡量性能和用户体验的
2. 指标类型
感知加载速度：网页可以多快地加载网页中的所有视觉元素并将其渲染到屏幕上
加载响应速度：页面加载和执行组件快速响应用户互动所需的 JavaScript 代码的速度
运行时响应速度：网页在加载后对用户互动的响应速度
视觉稳定性：页面上的元素是否会以用户意想不到的方式发生偏移，是否可能会干扰用户的互动？
流畅性：过渡和动画是否以一致的帧速率渲染，并在一种状态之间流畅地流动？
3.1. FCP（First Contentful Paint）
3.2. LCP（Largest Contentful Paint）
3.3. INP（Interaction to Next Paint）
3.4. TBT（Total Blocking Time）
3.5. CLS（Cumulative Layout Shift）
3.6. TTFB（Time to First Byte）
3.7. FID（First Input Delay）
阅读全文
以用户为中心的性能指标是理解和改进站点体验的关键点
一、以用户为中心的性能指标
1. 指标是用来干啥的？
指标是用来衡量性能和用户体验的
2. 指标类型
感知加载速度：网页可以多快地加载网页中的所有视觉元素并将其渲染到屏幕上
加载响应速度：页面加载和执行组件快速响应用户互动所需的 JavaScript 代码的速度
运行时响应速度：网页在加载后对用户互动的响应速度
视觉稳定性：页面上的元素是否会以用户意想不到的方式发生偏移，是否可能会干扰用户的互动？
流畅性：过渡和动画是否以一致的帧速率渲染，并在一种状态之间流畅地流动？
3.1. FCP（First Contentful Paint）
3.2. LCP（Largest Contentful Paint）
3.3. INP（Interaction to Next Paint）
3.4. TBT（Total Blocking Time）
3.5. CLS（Cumulative Layout Shift）
3.6. TTFB（Time to First Byte）
3.7. FID（First Input Delay）
阅读全文
