早在 2012 年，我看过亚马逊出过这么一份研究：其中提到如果一旦页面加载速度下降一秒钟，每年就会损失 16 亿美元的销售额。 这让我想起很久之前看过谷歌官方有这么样的声明：如果一个页面的加载时间从

核心网络活力（CWV）是Google认为是衡量网络体验质量的最重要指标的指标。识别和优化CWV问题的过程通常是被动的。网站所有者决定使用哪种技术或查看哪种指标通常是通过反复试验而不是经验研究来决定的。可以使用新技术来构建或重建站点，只是发现站点在生产中会导致UX问题。在此分析中，...

Web Vitals 是谷歌定义的一组度量指标，用于度量渲染时间(render time)、响应时间(response time)和布局偏移(layout shift)。每个数据点都提供了关于应用程序

前言 在写这篇文章的时候，之前有看过一大堆性能优化的文章，对的，每次看到别人写的好的博客最终的归宿不是脑子🧠，而是收藏夹📖，也就导致于当我真正遇到性能问题的时候束手无策，我也真是理解了那句话纸上得来终

前言最近做性能检测工具，很多知识点不清楚，打算查缺补漏，补一补。接下来从官方提供的性能检测工具Lighthouse(灯塔)开始我们的学习，简单介绍了下Lighthouse的一些点。

本文详细介绍了 Next.js 提供的预渲染方案，深入浅出地分析了各种预渲染方案的优劣，并针对不同类型的场景提出了方案选择上的建议，非常值得学习！

渐进式网页应用，后文统一简称PWA，又名Web开发的未来🤣，你不会，我觉得小伙砸你没有未来啊🤡。 为了2020年不要被问了一脸懵，所以我写了这篇文章，废话不多说，接下来我们来看22个在2020到2021年间可能会询问到的PWA面试题，不然我写干嘛🤣。 渐进式网络应用（PW…

会场是每年双十一的主角之一，会场的用户体验自然也是每年最关注的点。在日趋复杂的业务需求下，如何保障我们的用户体验不劣化甚至能更优化是永恒的命题。 今年（2020）我们在不改变现有架构，不改变业务的前提下，在会场上使用了 SSR 技术，将秒开率提高到了新的高度（82.6%）；也观…

最近在用react搭建项目，发现react的脚手架升级了，在项目根目录下发现了一个新的文件 -- reportWebVitals.js。很好奇这是个啥。 里面有些比较熟悉的字母CLS、FID、FCP、LCP、TTFB这些跟性能指标有些关系的。 然后第三行有引入一个web-vit…