性能分析：三方库如何阻塞加载路径

本文深入探讨了如何利用浏览器Performance API精准识别和分析第三方库对页面关键渲染路径的阻塞影响——通过performance.getEntriesByType('resource')筛选三方资源，结合initiatorType、加载时序（与domContentLoaded等关键事件比对）、传输体积（transferSize）及执行开销等多维指标，定位同步脚本、阻塞样式、串行依赖、建连延迟等典型性能瓶颈，并给出可落地的优化策略：如将同步加载改为defer或module、延迟初始化分析SDK、启用font-display: swap、合并资源与启用HTTP/2等，助力开发者从数据驱动出发，切实提升首屏速度与用户交互体验。

可以通过 performance.getEntriesByType('resource') 获取所有资源的加载详情，重点关注三方库的 startTime、duration、initiatorType 和 transferSize，结合其加载时机和依赖关系，判断是否阻塞关键渲染路径。

识别三方库资源及其加载上下文

执行 performance.getEntriesByType('resource') 后，筛选出 URL 包含典型三方库特征（如 cdn.jsdelivr.net、unpkg.com、libs.baidu.com、react.、vue.、lodash. 等）的条目。重点看 initiatorType 字段：

• script：说明是通过