少它们的影响。
异步加载脚本
不依赖于其他脚本加载的脚本,则应使用 ‘async’ 属性加载这些脚本,以免它们阻塞其他脚本的解析和执行。
有条件地加载 JavaScript
我们在许多网站上看到的一个常见 按行业划分的特定数据库 问题是,一些繁重的脚本在不必要的情况下被全局加载或加载到页面上。例如,如果您需要使用 ReCaptcha 来阻止表单提交中的垃圾内容,请确保仅在包含表单的页面上加载脚本。
简化 JavaScript 包
JavaScript 库(例如 jQuery UI 或 Bootstrap)通常用于提供额外的 JavaScript 特性和功能。如果使用 bundle,请确保仅包含相关功能,以免下载和解析不必要的 JavaScript。
需要时延迟加载脚本
即使 JavaScript 仅在需要时加载,脚本本身也不一定需要在页面加载或窗口加载事件期间解析和执行。仅在实际需要时加载 JavaScript 会对 TTI、TBT 和 FID 指标产生巨大影响。以下是一些示例:
- YouTube 和 Vimeo 等嵌入视频通常影响较大。建议仅在点击视频缩略图时加载这些脚本。
- 第三方表单集成(例如 HubSpot)可能非常繁琐。如果表单出现在模态框中或页面底部,请考虑在滚动或模态框激活时加载或注入所需的脚本,而不是在页面加载时加载。
- 实时聊天小部件最多可影响 35% 的整体速度评分。您可以考虑将实时聊天小部件移至专门的联系页面,并支
评估商业智能工具
使用 Hotjar 等工具或 VWO 等 A/B 测试软件分析用户行为对商业智能至关重要,在很多情况下,它们带来的好处甚至会超过对网站速 除了建筑奇迹之外 度的影响。
即便如此,仍然需要根据数据分析的频率来评估全天候运行这些工具的重要性。例如,如果没有正在进行的测试,则应关闭 A/B 测试;在收集和处理了足够的数据后,可以停用 Hotjar 等行为分析工具。
累积布局偏移优化技巧
累积布局偏移 (CLS) 可能仅占整体速度得分的 5%,但仍然是整体情况的重要组成部分,尤其是在页面加载时大量偏移元素可能会给用户带来不愉 比利时商业指南 快的体验。
确定 CLS 元素
有时,导致内容偏移的元素可能