如何优化 Deezer 网站页面加载，以提高用户体验和谷歌排名？

1.满足谷歌的加载时间要求：Deezer 面临的挑战

自 2021 年 6 月起，移动用户体验已成为谷歌搜索引擎优化的排名因素之一。在页面层面，用户体验由三个关键绩效指标来衡量，这三个指标被命名为 "核心网络活力"（Core Web Vitals）。.

它们是

  • 可视化加载时间（LCP - 最大内容油漆）、,
  • 交互延迟（FID - 第一个内容涂画）、,
  • 视觉稳定性CLS - 累计布局转移）。.

Deezer 每年的移动访问量达 5600 万次，搜索引擎优化环境竞争激烈，因此必须满足搜索引擎和互联网用户的要求。谷歌认为速度慢的网页数量超过 600,000 个，这（在很大程度上）影响了其定位。.

2.Artefact 为 Deezer 提出的方法

改进了两个主要指标：

  • 内容最丰富的油漆 - 通过先加载目录页面的主图片（艺术家或专辑照片），再加载折叠下方的其他页面资源
  • 累积布局偏移 - 为图像预留加载所需的空间，防止图像在加载过程中挤压其他元素

3.Deezer 的搜索引擎优化结果如何？

  • 与 2021 年 8 月的 52% 相比，有 63% 用户受益于 2500ms 以下的最大内容涂料
  • 与 2021 年 8 月的 74% 相比，99% 的访客未受到任何累积布局偏移的影响，并获得了优质的用户体验
  • 与 2022 年 4 月的 60 万相比，网站上速度慢的页面消失了（最大内容涂抹 >4 秒，累计布局偏移 >0.25
  • 谷歌认为 78% 的页面速度很快（最大内容涂抹 <2.5 秒，累计布局偏移 <0.1），而 2022 年 4 月为 1,3%

4.接下来要采取的步骤：

在 Deezer 即将进行的全球改版中，全面改善移动用户体验将是一个具体项目。 目录页.

它希望深化和改善用户在移动设备上的体验。.