性能面试

使用方式

• 如果面试官让你系统讲性能，先走 [[性能优化 5 分钟完整逐字稿]]
• 如果面试官在追问指标，就接 [[前端性能指标有哪些，如何解决（口语版）]]
• 如果面试官想看体系化思路，就接 [[性能指标、监控 SDK 和 Web Vitals 怎么串起来讲（口语版）]]
• 如果面试官想看 React 实战，就接 [[React 项目性能优化怎么讲（口语版）]]
• 如果面试官想看排查和治理能力，就接 [[线上页面突然变卡你怎么排查（口语版）]] 和 [[性能监控、告警和防回归怎么做（口语版）]]

最短路径

• 主稿：性能优化 5 分钟完整逐字稿
• 指标：前端性能指标有哪些，如何解决（口语版）
• React：React 项目性能优化怎么讲（口语版）
• 排查：线上页面突然变卡你怎么排查（口语版）

最容易被追问的 3 个点

• “有哪些核心性能指标” → 前端性能指标有哪些，如何解决（口语版）
• “React 项目里你到底怎么优化” → React 项目性能优化怎么讲（口语版）
• “线上页面突然变卡你怎么查” → 线上页面突然变卡你怎么排查（口语版）

一、主线讲法

• 性能优化 5 分钟完整逐字稿
• 性能指标、监控 SDK 和 Web Vitals 怎么串起来讲（口语版）

二、指标 / 监控 / Web Vitals

• 前端性能指标有哪些，如何解决（口语版）
• 前端监控 SDK 怎么讲（口语版）
• Web 性能监控准确性怎么讲（口语版）
• 性能指标、监控 SDK 和 Web Vitals 怎么串起来讲（口语版）
• 性能监控、告警和防回归怎么做（口语版）

三、React 性能

• React 项目性能优化怎么讲（口语版）
• 性能优化如何结合真实项目经历用 STAR 讲（口语版）
• 性能优化结果怎么量化和讲业务价值（口语版）
• 性能优化方案如何取舍（口语版）

四、专项小抄

• 首屏优化怎么讲（口语版）
• 交互卡顿怎么讲（口语版）
• CLS 抖动怎么讲（口语版）

五、排查实战

• 线上页面突然变卡你怎么排查（口语版）
• 性能问题高频追问怎么答（口语版）

六、高频追问与陷阱

• 性能问题高频追问怎么答（口语版）
• 性能面试反问与陷阱题（口语版）

七、临场切换建议

• 问“你系统讲一下性能优化” → 性能优化 5 分钟完整逐字稿
• 问“有哪些性能指标” → 前端性能指标有哪些，如何解决（口语版）
• 问“你们怎么监控和治理” → 性能指标、监控 SDK 和 Web Vitals 怎么串起来讲（口语版）
• 问“React 项目怎么优化” → React 项目性能优化怎么讲（口语版）
• 问“线上卡了你怎么办” → 线上页面突然变卡你怎么排查（口语版）
• 问“你怎么证明做出了结果” → 性能优化结果怎么量化和讲业务价值（口语版）
• 问“你是不是只会背术语” → 性能面试反问与陷阱题（口语版）