2.
业务跟踪和分析的需求通常意味着，当用户访问网站的任何页面时，第三方工具（例如 Google Analytics、Hotjar、Google Tag Manager、VWO 等）都会被全局加载。有时，我们几乎无法避免第三方脚本的影响，但有很多方法可以最大限度地降低对性能的影响。
- 你需要全天候运行 A/B 测试工具和热图追踪吗？当收集到足够的数据后，可以禁用这些工具。
- 尽量减少同时运行类似功能的第三方平台
- 实施 Cookie 阻止 GDPR Cookie 横幅实际上可以提高性能，因为它们通常会预先阻止 Cookie 设置脚本
- 考虑将多个 GTM 帐户合并为一个帐户
- 使用GTM 脚本的服务器端渲染可以帮助消除 GTM 脚本对性能的影响
- 推迟 GTM 中的脚本和标签在页面加载时执行（详见下文）
仅使用其中几种工具可能无法获得 100% 的评分，但这并不意味着它对用户体验和自然排名的影响微乎其微。以上建议应该会有所帮助，同时还 电报数据 要关注 CrUX 数据，它能提供更有意义的指标来衡量用户体验。
3. 根据需要有条件地加载脚本
对于可以控制的现场脚本，考虑仅在需要时有条件地输出脚本请求。
常见的可按需加载的脚本包括：
- 嵌入内容，例如 YouTube 或 Wistia 视 颁奖典礼于5月23日在布拉格举行 频，或 HubSpot 表单嵌入内容。如果嵌入内容显示在首屏下方或屏幕外的模态框中，则脚本或父 iframe 可以延迟加载，仅在视频滚动或出现在视口中时才加载相关脚本
- 实时聊天脚本通常很繁琐，理想情况下，它们不应该全局执行，而应该放在某个专门的联系/支持页面上。如果这不可行，可以考虑在用户与页面交互后触发实时聊天小部件，而不是在页面加载时触发，例如滚动操作。
4. 不要使用客户端 JavaScript 来生成内容
强大的 JavaScript 平台（如 React 或 Next.js）以及利用这些 JS 框架的现代 CMS 平台的激增，使得开发人员越来越多地使用这些工具，这意味着网站内容和底层 HTML 生成是通过浏览器中的客户端渲染 CSR 完成的，而不是通过服务器完成的。
如果您的网站内容在禁用 JavaScript 的情况下无法显示，那么就有问题了。从性能角度来看，依赖 CSR 意味着浏览器需要下载、解析和执行相关脚本，这几乎总是会对 FCP、LCP 和 TBT 指标造成更大的影响，而不是服务器直接将生成的标记发送到浏览器。
对于低端设备来说尤其如此，因为它们需要额外的带宽和 CPU 处理资源。从 SEO 的角度来看，这种情况也更加糟糕，因为各种搜索引擎爬虫在抓取 JS 生成的标记时会遇到困难或延迟。
如果您使用依赖 JS 来呈现内容 布韦岛商业指南 的 JS 框架或 CMS，请确保使用服务器端渲染 SSR 或静态站点生成 SSG 将生成的 HTML 直接传送到浏览器。