|
Post by account_disabled on Feb 12, 2024 23:39:50 GMT -5
交互响应缓慢与大量 JavaScript 资源相关。 减少第三方代码:如果它们确实很重要,因为它们允许我们将分析工具和风格工具插入到我们的系统中,那么同样清楚的是它们会导致延迟。 最小化主线程上的工作:每个资源处理进程分为两个或多个线程。减轻他的工作量对于改善FID至关重要; 遏制请求数量并减少传输大小:要分析并返回显示的大量资源确实会不必要地减慢加载速度。 什么是 Google 页面体验中的累积布局变化? 累积布局偏移 (CLS) 测量视觉稳定性。事实上,它检测网页图形结构的所有移动(以及随之而来的变化)。 要具体理解我们所说的内容,只要想一下,想要点击一段内容或页面上的一个链接,然后看到它移动了好几次,这是多么烦人的事情。 谷歌澄清,并非所有布局更改都被视为负面:“如果用户不期望它们,它们不仅 荷兰手机号码数据 是正面的。那些响应用户交互(单击链接、按下按钮、在搜索框中键入内容等)而发生的事件通常都没有问题,只要移动快速且连续地发生,使因果关系清晰即可。-效果” 。 累积布局转变分数是如何计算的? 为了提供良好的用户体验,网站的 CLS 分数应低于 0.1 因此,对于刚刚看到的其他两个指数(LCP 和 FID),参考测量单位是时间,而对于 CLS 来说,参考测量单位是空间。 Google 制定的分数是一种特定分数,用于识别页面加载期间布局变化的程度,这可能会影响用户体验。 为了计算 CLS 分数,Google 将该运动的两个指标相乘:影响分数和距离分数。 什么是影响分数 影响分数考虑了受布局变化影响的浏览器屏幕区域。 我将举一个例子来更好地理解。 从示例中可以看出,某个元素在一帧中占据了窗口的 50%,而在下一帧中,它向下移动了 25%。红色虚线部分表示两个框架中元素可见区域的并集,在本例中,占据总空间的 75%:影响分数为 0.75。 距离的分数 CLS 分数的第二个重要衡量标准是检测不稳定元素相对于观察框架移动的距离(垂直或水平)。它是通过将窗口中移动的不稳定元素移动的最大距离除以框的最大尺寸(宽度或高度)来计算的。 这次我们也举个例子,以便更好地理解彼此。
|
|