内容丰富的绘画分数最大的常见原因

nexap21901@tuto

LCP 分数低通常是由于页面加载缓慢导致最大块无法快速出现：服务器响应可能很慢，因为它过载或渲染页面的工作量太大。 这不一定是您网站的错误，但如果您使用共享托管服务，则可能是由于服务器限制造成的。


如果在主要内容上方的 HTML 中引用阻塞渲染的 CSS 和 JavaScript，它们可能会延 韩国电话号码表 迟页面加载。其他资源（例如大图像和视频）可能会减少可用带宽并需要更长的时间来渲染。在客户端而不是服务器上生成的页面内容也需要更长的时间才能显示。
如何提高最大的内容绘画分数
彻底的审核可以识别加载问题，但通常涉及减少发送到浏览器的数据量。 以下提示将帮助您获得更健康的 LCP 分数：

更新您的服务器和/或托管服务。 即使在高使用率期间，也确保您的下载速度保持快速。
启用服务器压缩和 HTTP/2+。 没有理由不这样做。
减少服务器工作量。 删除未使用的 CMS 代码和插件并启用高效缓存。
确保您的浏览器可以有效地缓存文件。 在 HTTP 标头中设置适当的 Expires、Last-Modified 和/或 ETag，以便不会再次请求文件。
它使用内容交付网络 (CDN) 将负载和托管资产分散到地理位置更靠近用户的服务器上。
通过使用 MyKinsta 仪表板中内置的代码精简功能来提高整体优化。
优化您的图像。 将它们缩小到最小尺寸并使用适当的格式来最小化文件大小。 确保尽快请求较大内容块中的所有图像； 预加载可能会有所帮助。
通过添加 loading="lazy" 属性来延迟加载图像。 添加宽度和高度属性，以确保在图像完成加载之前页面上保留足够的空间。
最大限度地减少第三方请求并考虑将资产移至您的主域以避免无关的 DNS 查找。
最大限度地减少请求文件的数量和大小，尤其是 HTML 顶部的文件。
确保仅上传必要的网络字体。 切换到网络安全字体以获得最佳性能。
删除未使用的 JavaScript 和 CSS 文件。
连接并缩小 JavaScript 和 CSS 文件。
避免 CSS @import 语句，因为它们会阻止渲染并连续加载样式。
避免 Base64 编码 - 它会增加文件大小并需要额外的处理。
考虑关键的内联 CSS。 它将必要的 CSS 嵌入到页面顶部的 <link> 块“页面上方”，然后异步加载其他样式表。
稍后使用异步、惰性或 ES 模块 JavaScript 来运行脚本。 在 Service Worker 中运行长时间运行的 JavaScript 进程。
首次输入延迟 (FID)
首次输入延迟衡量页面的响应能力。 本质上，它对用户操作（例如单击、点击或滚动）的响应速度有多快？



FID 指标计算为用户交互和浏览器处理其请求之间的时间。 它不测量处理函数的执行时间，处理函数通常会处理输入并更新 DOM。

FID 时间为 100 毫秒或更短的页面被认为是良好的（绿色）。 超过 300 毫秒的页面被视为不良页面（红色）。