Page 1 of 1

改进最大内容绘制 LCP

Posted: Sat Dec 07, 2024 10:22 am
by shapanssgr
最大内容绘制决定了页面主要内容在页面上渲染完成的时间,以秒为单位。超过 4 秒的分数被认为是差的,超过 2.5 秒的分数被认为是需要改进的,低于 2.5 秒的分数被认为是好的分数。为了提高 Embryo 网站上的 LCP 分数,我们设置了以下内容:

实现页面缓存 – 页面缓存生成网站上使用的页面的静态 HTML 文件,这些文件有助于减少网站数据库所需的查询,从而降低页面加载时间。
浏览器缓存——浏览器缓存将网站的资产存储在用户设备上,通 利用荷兰电话号码列表进行电话营销活动 过从用户设备存储中加载跨页面相同的资产,可以更快地加载其他页面,与每次从服务器加载重复资产相比,速度更快。
利用 DNS 预取和预连接 – 预连接和 DNS 预取可用于通过建立与呈现页面所需的第三方资源的连接来帮助优化加载外部资源。预连接可以更早地与资源建立完整连接,DNS 预取可以更快地执行 DNS 查找。

Image

优化和压缩图像 – 以正确的尺寸为占位符提供图像有助于将图像文件大小保持在最低限度,压缩图像还可以进一步减小图像文件大小,而不会对图像质量造成太大影响。我们还使用了 WEBP 图像压缩,这是一种为网络构建的新图像格式,与 JPEG 和 PNG 文件格式相比,其图像压缩性能有所提高。
预加载到关键内部资源 - 我们预加载了在网站上安装的本地字体,通过预加载内部资源,我们可以定义何时需要尽早加载这些资产,从而有助于改善 LCP 和渲染时间。
总阻塞时间中的任务在针对 LCP 进行优化时也有重叠,其中包括延迟网站上的资产以及压缩使用的 CSS 和 JavaScript 文件。