摘要：本篇复盘 字节跳动 前端开发岗位在性能优化方向的真实问法，重点拆 8 道题：Web Vitals 如何采集与监控，线上性能怎么度量、CDN 加速原理，前端如何与之配合、依赖注入解决了什么问题，和工厂有何不同。每题按「考察点 → 参考答案 → 代码/实操 → 易错点 → 面试官追问」五段式展开，既给结论也给推导，适合面试前突击与查漏补缺。关键词：前端开发 / 性能优化 / 字节跳动面试 / Web Vitals 如何采集与监控 / CDN 加速原理是什么，前端如何与之配合 / 依赖注入解决了什么问题，和工厂有何不同 / 面经 / 大厂面试 / 高频考点 |难度：高级 |篇幅：深度长文系列：前端开发大厂面经合集 · 第 061 / 360 篇本文速览#题目难度一句话结论1Web Vitals 如何采集与监控，线上性能怎么度量？★★★★☆用官方 web-vitals 库监听 LCP/INP/CLS/FCP/TTFB。2