UD5工具箱
术语表
以下收录了与第三方脚本影响评估相关的核心术语和概念。掌握这些术语将帮助您更好地理解评估报告和优化建议。
第三方脚本（Third-Party Script）
第三方脚本是指由网站域名以外的其他域名提供的 JavaScript 代码。常见的第三方脚本包括：网站分析工具（如 Google Analytics、百度统计）、广告投放系统（如 Google AdSense、百度推广）、在线客服系统（如 Zendesk、LiveChat）、社交媒体插件（如 Facebook Like 按钮、Twitter 分享组件）、A/B 测试工具（如 Optimizely）、CDN 托管的库文件（如 jQuery、Bootstrap）等。第三方脚本虽然提供了丰富的功能，但同时也带来了性能开销、安全风险和隐私合规等挑战。
渲染阻塞脚本（Render-Blocking Script）
渲染阻塞脚本是指会阻止浏览器继续解析 HTML 和渲染页面的 JavaScript 脚本。当浏览器遇到没有 async 或 defer 属性的 script 标签时，会暂停 HTML 解析，等待脚本下载和执行完成后才继续解析。这会导致页面的首次有意义绘制（FMP）时间延迟，严重影响用户体验。第三方脚本如果以同步方式加载，就会成为渲染阻塞脚本，是性能优化中需要重点关注的问题。
async 与 defer
async 和 defer 是 script 标签的两个 HTML 属性，用于控制脚本的加载和执行行为。async 属性使脚本在下载完成后立即执行，不等待 HTML 解析完成，脚本的执行时机不可预测。defer 属性使脚本在 HTML 解析完成后才执行，且按照脚本在文档中出现的顺序执行。对于第三方脚本，推荐优先使用 async 属性来避免阻塞渲染，但如果脚本之间存在依赖关系，则需要谨慎选择加载策略。
SRI（子资源完整性）
SRI 是 Subresource Integrity 的缩写，即子资源完整性。它是一种安全机制，通过为外部资源（如脚本、样式表）提供加密哈希值，确保资源在传输过程中没有被篡改。使用 SRI 时，浏览器会在下载资源后计算其哈希值，并与 HTML 中指定的哈希值进行比对。如果不一致，说明资源可能被恶意修改，浏览器会拒绝执行。SRI 是防止 CDN 被劫持或第三方脚本被篡改的重要安全措施。
GDPR（通用数据保护条例）
GDPR 是 General Data Protection Regulation 的缩写，即欧盟通用数据保护条例。这是一部关于个人数据保护和隐私的欧盟法规，适用于所有处理欧盟居民个人数据的组织。在第三方脚本的语境下，许多分析和广告类脚本会收集用户的浏览行为、设备信息、IP 地址等个人数据。如果网站面向欧盟用户，必须确保这些脚本的数据采集行为符合 GDPR 的要求，包括获取用户的明确同意（Cookie 同意横幅）、提供数据删除权等。
CCPA（加州消费者隐私法案）
CCPA 是 California Consumer Privacy Act 的缩写，即加州消费者隐私法案。这是美国加州的一项隐私法规，赋予加州消费者对其个人数据的更多控制权。与 GDPR 类似，CCPA 要求网站在收集和使用消费者个人数据之前必须告知用户，并提供选择退出的权利。对于使用第三方脚本的网站，需要确保这些脚本的隐私实践符合 CCPA 的要求。
首屏渲染（FMP/LCP）
首屏渲染是指用户在不滚动页面的情况下能看到的第一屏内容。FMP（First Meaningful Paint，首次有意义绘制）和 LCP（Largest Contentful Paint，最大内容绘制）是衡量首屏渲染性能的关键指标。第三方脚本通过阻塞 HTML 解析、占用网络带宽和消耗 CPU 资源等方式延迟首屏渲染时间。优化第三方脚本的加载策略是提升 FMP 和 LCP 指标的重要手段。
CLS（累积布局偏移）
CLS 是 Cumulative Layout Shift 的缩写，即累积布局偏移。它是衡量页面视觉稳定性的重要指标，反映了页面内容在加载过程中的意外移动程度。某些第三方脚本（如广告脚本）会在页面加载完成后动态插入内容，导致已有内容的位置发生变化，产生不良的用户体验。评估第三方脚本对 CLS 的影响是性能评估的重要维度之一。
域名预解析（DNS Prefetch）
域名预解析是一种性能优化技术，通过提前解析第三方脚本所在域名的 DNS 记录，减少实际请求时的 DNS 解析时间。使用 link 标签的 dns-prefetch 关系类型可以实现域名预解析。对于已知需要加载的第三方脚本域名，提前进行 DNS 预解析可以有效缩短脚本的加载时间。这是评估报告中常见的优化建议之一。
脚本执行时序（Script Execution Timeline）
脚本执行时序是指页面中所有脚本按照加载和执行时间排列的时序图。通过分析脚本执行时序，可以了解哪些脚本在关键渲染路径上、哪些脚本的执行时间最长、脚本之间是否存在串行依赖等信息。在深度分析模式下，评估器会生成详细的脚本执行时序报告，帮助开发者精确定位性能瓶颈。