|
Post by account_disabled on Dec 26, 2023 11:17:01 GMT
不幸的是,由于示例 URL 没有足够的信息,因此它会退回到我的网站的来源,即我网站的主页。 如果发生这种情况,您可以使用组中接收更多流量的另一个 URL 来运行 PageSpeed Insights 报告。 就我而言,主页是无关紧要的,因为它使用的模板不同。 下面 WhatsApp 号码数据 的第二个面板显示了模拟环境的详细分析。 在那里您将找到第一份报告,其中包含改进建议。 就我而言,CSS 和 Javascript 资源似乎阻止了我的页面渲染。我应该详细调查一下这里发生了什么。 主要的 Core Web Vitals 指标会突出显示,您可以看到哪些指标通过了,哪些指标失败了。 以下是一项审计,其中指出了一些改进的机会和可能性。 您还可以过滤视图并仅查看与 PCF、LCP 或 CLS 相关的问题。 第 5 步 – 修复页面问题 根据初步分析,您现在已经确定了许多需要解决的问题。 每个网站都有其特定的问题,这通常需要开发技能,包括前端开发知识(HTML、CSS、Javascript)。 在下一节中,我们将了解优化网站和核心网络生命的最佳实践。 第 6 步 – 在 Search Console 中验证问题 在修复阶段,您将尝试对网站进行不同的更改,并使用不同的工具重新运行审核以测试基本的 Web Vitals。 在开发模式下进行测试的唯一方法是依赖模拟环境和实验室数据。 您可以使用以下工具进行审核: 页面速度洞察 web.dev/测量/ 灯塔 当您对性能问题已得到解决感到满意后,您可以返回 Search Console 并提交修复。 请注意,验证最多需要 28 天。 事实上,Google 不会根据实验室数据进行验证,而是根据 Chrome 用户体验 (CrUX) 报告中的真实数据进行验证。该数据不是实时的,而是 28 天的汇总数据。 优化网站核心网络生命力的提示和最佳实践 网站优化问题通常是由于技术问题造成的。 对于页面(客户端)问题,例如 CSS 和 Javascript,Web 开发人员将有助于修改代码。 对于与 CMS 或基础设施(服务器端)相关的问题,您将需要后端开发人员或 DevOps。 您会明白解决大多数优化问题需要一定的技术背景,或者联系网络开发专家。 然而,一些改进点非常简单。让我们先过一遍它们。 为非开发人员优化 Web 性能问题 以下是每个人都可以访问的要点列表: 压缩您的图像 用视频替换动画 GIF 以加快页面加载速度 使用新一代图像格式,例如 WebP 或 JPEG 2000(但不幸的是,并非所有浏览器都支持这些格式) jpg 与 jpg2000 这些都是可以优化您网站的好做法。 通过本图像指南进一步了解。 为高级用户优化 Web 性能问题 如果您是一名开发人员或经验丰富的用户,并且不怕亲自接触系统,那么这里有一些建议和最佳实践: 将每个页面的大小减少到 500KB 以下(页面 + 所有资源)。 将每页的资源总数控制在 50 以下(移动设备的理想选择)。
|
|