第三方 JavaScript 性能

使用集合保持井井有条 根据您的偏好保存内容并对其进行分类。

了解第三方 JavaScript 如何影响性能，以及您可以采取哪些措施来防止其降低网站速度。

第三方 JavaScript 通常指的是嵌入到您网站中的脚本，这些脚本：

• 并非由您编写
• 从第三方服务器提供

网站使用这些脚本有多种目的，包括：

• 社交分享按钮
• 视频播放器嵌入
• 聊天服务
• 广告 iframe
• 分析和指标脚本
• 用于实验的 A/B 测试脚本
• 辅助库（如日期格式化、动画和函数式库）

第三方脚本可以提供强大的功能，但这并非全部。它们还会影响隐私、安全和页面行为，并且可能对性能造成特别大的问题。

性能

任何大量的 JavaScript 都可能降低性能。但是，由于第三方 JavaScript 通常不受您控制，因此可能会带来其他问题。

网络

建立连接需要时间，并且向多个服务器发送过多请求会导致速度减慢。对于安全连接而言，时间甚至更长，这可能涉及 DNS 查找、重定向以及到最终处理用户请求的服务器的多次往返。

第三方脚本通常会增加网络开销，例如：

• 触发额外的网络请求
• 拉取未优化的图像和视频
• HTTP 缓存不足，这会强制频繁获取网络资源
• 资源服务器压缩不足
• 不同第三方嵌入拉入的框架和库的多个实例

渲染

第三方 JavaScript 的加载方式非常重要。如果在关键渲染路径中同步完成，则会延迟解析文档的其余部分。

如果第三方出现服务器问题并且无法交付资源，则渲染会被阻止，直到请求超时，这可能需要 10 到 80 秒不等。您可以使用 WebPageTest 单点故障测试来测试和模拟此问题。

如何解决

使用第三方 JavaScript 通常是不可避免的，但是您可以采取一些措施来最大程度地减少不利影响

• 在选择第三方资源时，优先选择那些在提供所需功能的同时发送最少代码的资源。
• 使用第三方内容的性能预算来控制其成本。
• 不要使用来自两个不同供应商的相同功能。您可能不需要两个标签管理器或两个分析平台。
• 定期审核和清理冗余的第三方脚本。

要了解如何审核第三方内容并有效地加载它以获得更好的性能和用户体验，请查看优化您的第三方资源部分中的其他帖子。