可以改善页面体验的核心 Web Vitals 应用程

jahidur246

序 前面我们已经强调了页面速度和页面体验的重要性。然而，在优化页面体验的同时，我们应该问自己一些问题。 例如： 最大的项目加载到用户面前 LCP 需要多长时间？ 当用户首次与网站交互FID时，网站需要多长时间提供输入？ 页面元素的稳定性如何？用户界面是否变化很大CLS？ 网站上加载第一个内容 FCP 的速度有多快？ 我们需要提出这样的问题来优化页面速度。从这些问题中我们可能会遇到的结果。 如何优化核心网络生命力？ 在详细了解 Core Web Vitals 指标以及如何分析它们之后，

我们可能会遇到以下问题和解决方案： – 服务器响应缓慢 缓存内容是提高服务器响应能力首先要做的事情之一。当您使用缓存时，您的页面的静态 HTML 版本将被保存，因此您不必在每次有人访问您的网站时重新加载所有文件。 – 删除渲  美国 WhatsApp 号码列表 染阻塞资源 这是您在 Pagespeed 或 GTMetrix 上经常看到的警告。 主要指HTML、JS、CSS文件。 一般来说，通过在页面速度结果中给出一些JS或CSS文件的名称，您可能会看到诸如“该文件未完全使用，删除未使用部分”之类的说明。 您需要在此处实现的过程是收集我们上面提到的工具中出现的文件名。

然后，您应该手动阻止有问题的 JS 或 CSS 文件，看看它们是否会导致您的网站瘫痪。 阻止时，不要忘记分别评估主页、类别和博客内容页面！ 阻塞后需要做的下一步是<async> 或 <defer> 优化。在明确要 defer 或 async 到哪个文件之前，我们先看一下相关概念： 什么是 <async> 标签？ 加载页面时，您可以使用异步标记指定要首先从内部源文件加载哪些页面。 异步通常用于内部源文件、正在上传的重要文件和跟踪文件。 <defer> 标签是什么？ defer标签是async的反面：我们通常使用页面加载过程中优先级不高的外部源文件。