用户经常说他们想要“快速加载”的体验。这只是意味着他们希望最重要的内容能够快速加载。只要最有意义的内容立即出现,用户就会感觉到你的网站很快。
最大内容绘制 (Largest Contentful Paint) 表示用户对加载体验的感知。
什么是好成绩?
lcp 指标
0 – 2.5 秒。
如何优化 LCP
1. 解决服务器响应时间慢的问题
您的浏览器通过托管服务器访问您的网站。有时服务器响应缓慢。您可以通过检查网站代码中是否有任何不必要的查询或正在运行的操作来解决此问题。
其他选择:
将用户路由到附近的 CDN。如果您的页面托管在一个地理位置的单个服务器上,则地理位置较远的用户的加载速度会较慢。
缓存资产。缓存意味着您的浏览器会“记住”页面上的某些元素,这样您就无需每次都加载它们。
优先缓存 HTML 页面。仅当内容发生变化时才更新缓存。
尽早建立第三方连接。将 rel=”preconnect” 添加到您的标头,以加快对您网站上的第三方附加组件的请求。
2. 阻止渲染的 JavaScript 和 CSS
推迟非关键 CSS 之前和之后
什么是阻止渲染的 JavaScript 和 CSS?外部样式表通常需要更长时间才能加载。删除非关键 JavaScript 和 CSS,以便仅加载最少量的资源。
您的浏览器通过托管服务器访问您的网站。有时服务器响应缓慢。您可以通过检查网站代码中是否有任何不必要的查询或正在运行的操作来解决此问题。
3.资源加载时间缓慢
这是指加载缓慢的元素,例如 <img>、<image> 或 <video>。如果您的内容营销计划严重依赖视觉效果,请考虑实施优化视觉效果的步骤。压缩或调整图像和视频的大小可以解决问题。
4.客户端渲染
客户端渲染意味着网站在浏览器中渲染,而不是在托管服务器上渲染。这会减慢下载时间。请尝试 克罗地亚电报号码数据 尽量减少关键 JavaScript 并使用服务器端和预渲染。在此处了解更多信息。
总阻塞时间 (TBT)
简单定义
当用户加载页面时,可能需要几秒钟才能使用。此响应能力通过“总阻塞时间”来衡量。
想象一下,如果你有一个单行脚本队列,你的网站需要通过它加载所有内容,并且还要记录用户的任何输入。
这是TBT的公式:
当任务长度超过 50 毫秒时,首次内容绘制与交互时间之间的所有时间段的总和。
更详细的指标(如 TBT)非常适合列在 SEO 提案中。它很复杂,因为当这个指标需要改进时,整个开发团队通常会参与讨论。您将在下面看到原因。