第三方脚本

第三方脚本指由别的公司提供、嵌进自己页面的 JavaScript，常见的有统计、广告、客服、评论与 A/B 测试代码^[1]。它们能带来功能与数据，也会占带宽、占主线程，是页面变慢的常见原因^[2]。站长要判断哪些脚本值得留、哪些该延后，因为它拖慢页面的代价会落到 LCP 与 INP 上。

拖慢页面的原因

第三方脚本与自家代码争抢主线程。脚本下载要占带宽，执行要占处理器时间，一个几毫秒的小脚本在低端手机上可能放大成几十毫秒^[2]。统计、热图、会话回放这类工具还会持续监听页面变化，产生稳定的后台负担。多数页面都挂着不止一个第三方脚本^[4]。

加载方式的差别

同样是外部脚本，写法不同，对页面的影响也不同^[1]：

• 直接 <script>：解析器停下来等它下载并执行；
• async：并行下载，下载好就执行，执行时仍会占用主线程；
• defer：并行下载，等文档解析完再按顺序执行。

识别与评估

先列出页面上的第三方请求，按域名分组，量出各自占用的下载体积与主线程时间^[2]。浏览器的网络面板与性能面板能按域名拆分，可以看出一家供应商吃掉多少时间。

处理办法

1. 删掉重复、闲置、已不创造价值的脚本；
2. 能延后的改成 defer，或者等用户交互之后再加载；
3. 用静态占位图替代重嵌入，用户点击后再真正加载；
4. 把统计与像素类脚本搬进 Web Worker；
5. 给每家供应商设一个体积与时间的上限。

<!-- 统计脚本延后到文档解析完再执行，不阻塞首屏 -->
<script src="https://analytics.example.com/a.js" defer></script>

改动带来的代价

删脚本可能影响市场与运营的数据口径。延后加载会让统计晚一步上报，短期报表出现缺口。用占位替代嵌入，会改掉用户熟悉的观感。给供应商设上限，需要有人在每次上线时把关。

与抓取和收录的关系

爬虫一般不执行页面里的第三方脚本，这些脚本不改变服务器返回的 HTML。百度把搜索分成抓取、建立索引、展现三步^[3]，抓取这一步不受脚本影响。第三方脚本影响的是真实用户的加载与交互体验，以及页面体验这一路的排序参考。

附录

参见

• INP
• LCP
• 资源优先级
• 首屏加载

参考资料

官方（境外）

1. 《<script>：脚本元素》，MDN Web Docs。
2. 《载入第三方 JavaScript》，web.dev。

官方（国内）

3. 《百度搜索的工作原理》，百度搜索资源平台，2023-12-21 更新。

第三方

4. 《Web Almanac》，HTTP Archive，2025。

外部链接

无。