前端性能测试面试题及参考答案
目录
前端性能测试中，首屏时间（FCP）和白屏时间的定义及测量方法是什么？
解释浏览器渲染过程中关键路径（Critical Rendering Path）的组成部分。
什么是 LCP（Largest Contentful Paint）？如何优化？
前端性能测试中，CLS（Cumulative Layout Shift）的成因及规避策略？
描述 TTI（Time to Interactive）的测量标准及其对用户体验的影响
列举浏览器层面的性能计数器（如 FPS、内存占用）及其监控方法
解释 “长任务（Long Tasks）” 及其对主线程阻塞的影响
前端性能测试中，如何定义 “可交互时间”
什么是 “关键请求链（Critical Request Chains）”？如何优化？
列举三种判断内存泄漏的前端监测方法
如何通过 Chrome DevTools 的 Performance 面板分析页面渲染性能？
使用 Lighthouse 生成性能报告时需关注哪些核心指标？
如何通过 WebPageTest 进行多地域性能测试？
描述 Sentry 在前端错误监控与性能分析中的应用。
列举三种用于前端性能压测的工具（如 k6、JMeter）。
如何通过 Performance API 实现自定义性能埋点？
使用 Chrome DevTools 的 Memory 面板分析内存泄漏的步骤
解释 RUM（Real User Monitoring）与 Synthetic Monitoring 的区别
如何通过 GTmetrix 对比优化前后的性能数据？
描述使用 Web Vitals 库监控核心性能指标的实现方法
如何通过 Charles/Fiddler 模拟弱网环境测试前端性能
列举三种开源的前端性能自动化测试框架
解释 Chrome Tracing 工具在性能分析中的使用场景
如何通过 Server Timing API 监控服务端响应时间
使用 React Profiler 分析组件渲染性能的具体步骤
前端性能测试的基准测试（Baseline Testing）应包含哪些步骤？
如何设计混合场景测试（如高并发下的资源竞争）？
解释 “性能拐点” 的概念及其在负载测试中的意义。
如何通过 A/B 测试验证性能优化效果？
描述稳定性测试（如 72 小时压测）的目标与执行要点。
列举前端性能回归测试的三种常见触发条件
如何制定性能测试通过标准（如 TTI≤2 秒）
解释 “竞态条件（Race Condition）” 在前端性能测试中的表现
如何通过用户行为模拟（如 Selenium）生成真实性能场景
描述性能测试报告中必须包含的五个核心模块