了解第三方 JavaScript 如何影响性能,以及您可以采取哪些措施来防止其拖慢网站速度。
第三方 JavaScript 通常是指嵌入到您网站中的脚本,这些脚本具有以下特征:
- 不是由您创作
- 从第三方服务器投放
网站会出于各种目的使用这些脚本,包括:
- 社交分享按钮
- 视频播放器嵌入
- Chat 服务
- 广告 iframe
- 分析和指标脚本
- 实验的 A/B 测试脚本
- 辅助库(例如日期格式设置、动画和函数库)
第三方脚本可以提供强大的功能,但这并不是全部。它们还会影响隐私性、安全性和网页行为,对性能而言尤其成问题。
性能
任何大量的 JavaScript 都会降低性能。但由于第三方 JavaScript 通常不在您的控制之下,因此可能会带来其他问题。
网络
建立连接需要时间,向多个服务器发送过多请求会导致速度变慢。对于安全连接,该时间会更长,因为安全连接可能涉及 DNS 查找、重定向,以及与处理用户请求的最终服务器进行多次往返。
第三方脚本通常会增加网络开销,例如:
渲染
第三方 JavaScript 的加载方式至关重要。如果在关键渲染路径中同步完成,则会延迟解析文档的其余部分。
如果第三方存在服务器问题,并且未能传送资源,则渲染会被阻止,直到请求超时(可能需要 10 到 80 秒)。您可以使用 WebPageTest 单点故障测试来测试和模拟此问题。
如何解决
使用第三方 JavaScript 通常不可避免,但您可以采取一些措施来最大限度地减少不利影响:
- 选择第三方资源时,请优先选择发送代码量最少但仍能提供您所需功能的资源。
- 为第三方内容使用效果预算,以控制其费用。
- 请勿使用来自两个不同供应商的相同功能。您可能不需要两个跟踪代码管理器或两个分析平台。
- 定期审核并清理多余的第三方脚本。
如需了解如何审核第三方内容并高效加载这些内容,以便提升应用性能和用户体验,请参阅优化第三方资源部分中的其他文章。