大家好，我是小嘟嘟。在开始之前，让我们先看看下面的对话：Q：看你的简历，你好像很擅长性能优化。你工作怎么样？优化？Answer：懒加载图片、虚拟列表、CDN、压缩文件大小……Q：你知道浏览器是怎么判断页面性能的吗？回答：。..Q：简单来说，我们最常用的谷歌浏览器是怎么判断的，也就是CWV，你了解过吗？然后就陷入了沉寂……（以上纯属虚构~）仔细想想，我们经常被要求做一些性能优化的事情，但是我们优化之后，浏览器如何判断，如何判断高性能这个网站，指标是什么，我从来没有考虑过~看完这篇文章，你可以自信的说：以谷歌浏览器为例，从2021年年中开始，谷歌就开始使用CWV作为判断网页性能的标准指标，其中CWV包括...，如何按照这些标准来提升页面的性能...这样的回答肯定比你说的那些套话好很多，主要是听起来高大上，能吓到面试官（面试官可能听不懂），只要你说的有说服力，那么你就成功了一半~那么今天就来看看Google是怎么判断页面性能的吧。在我们开始之前，附上一张脑图。方便大家了解~网站的性能如何？网站性能：也称为网站速度，是指浏览器可以从给定站点加载网页的全部功能的速度。举个小例子，我们去饭店吃饭，点完菜，很久没有上菜，服务员的态度极其恶劣。在这样的餐厅里，再好的饭菜也没有顾客愿意买单。网站也是如此。当你在浏览器中输入网址时，网页会长时间不被渲染，你就会失去用户。相反，加载速度快的网站会获得更多的流量和更高的转化率。简单来说，我们的页面加载时间长，对用户操作的响应时间差，导致用户体验不佳。等待内容加载会让用户感到沮丧，并可能促使他们完全离开网站或应用程序。所以我们应该尽力提高转化率。页面转化率有什么作用？所谓转化率，其实是指用户完成目标操作的比例。该比率是转换访问者占页面总访问量的百分比。那么用户完成目标操作的比例是多少呢？比如我们打开掘金店，发现有很多可以兑换的物品。设计师要我挑选并购买这些物品。当我们购买它们时，我们已经完成了目标操作。比如100个好友点进了店铺，而只有7个小伙伴购买了商品，那么此时的转化率为7%。当然，用户购买后不会发生转化。如何转换是由人类定义的。比如：注册页，填写一些表格，甚至进入下一页都包括在内：我们做的网站一定是希望大家看到，在同样的页面流量下，如果转化率下降，说明总网站的用户数量减少，如果转化率增加，则总转化次数也会增加。总的来说，转化率是对页面访问总数或访问者总数的单独衡量。网站性能和转化率网站性能对转化率具有巨大且可衡量的影响，多项研究表明更快的页面可以提高转化率。换句话说，页面加载得越快，用户就越有可能在该页面上执行所需的操作。页面加载速度应该多快？据skilled.co称，47%的客户希望网页在2秒或更短时间内加载。同样来自skilled.co，人工智能医疗软件公司mPulseMobile的测试发现：1.9%的页面加载在2.4秒内转换为1.5%在3.3秒内转换为1.5%在4.2秒内转换率小??于1.1%和大于5.7秒为0.6%。注：除了网站性能，还有页面设计、页面布局、图片文字等。什么是CWV？网站的性能会影响转化率，那么谷歌是如何判断网站的性能的呢？CWV是Google评判网络性能指标的标准。Google的搜索引擎衡量这三个指标，以帮助确定在用户执行搜索后显示哪些网站。虽然页面加载时间长期以来一直是SEO（搜索引擎优化）的重要组成部分，但自2021年年中以来，谷歌一直将CWV作为其排名算法的一部分。CWV：CoreWebVitals，包括三个维度的性能指标（LCP、FID、CLS）：LCP：最大内容绘制，衡量加载速度FID：首次输入延迟，用于衡量页面交互性CLS：Cumulativelayoutshift，用于衡量视觉稳定性LCP（MaximumContentDrawing）LCP衡量加载速度，即加载网页最大模块部分（例如图像和文本块）所需的时间。请注意，LCP不会测量整个网页的加载时间，但它提供了一个很好的基准来指示网页加载的速度。通常，网页上最大的元素是其主要内容，因此其加载时间通常与用户感知页面加载的时间一致。
