前端性能优化可按资源加载、渲染、运行时三个层面归纳。
加载优化：资源压缩（gzip/brotli）、代码分割与懒加载（路由级、组件级）、Tree Shaking 减包体、静态资源走 CDN、利用强缓存 + 文件指纹、图片优化（WebP/AVIF、懒加载、雪碧图、响应式尺寸）、DNS 预解析与 preconnect/prefetch/preload 提示、HTTP/2 多路复用减少连接开销。
渲染优化：SSR/SSG 提升首屏、骨架屏、关键 CSS 内联、JS 加 defer/async、减少重排重绘（用 transform/opacity 做动画）、长列表虚拟滚动。
运行时优化：防抖节流、大数据量用 Web Worker 脱离主线程、合理缓存计算结果（memo）、避免内存泄漏。
方法论：先测量再优化——用 Lighthouse、Web Vitals（LCP、INP、CLS）、Performance 面板定位瓶颈；优化是权衡，比如懒加载过多会增加请求数。追问方向：LCP/CLS 指标优化细节、HTTP/2 与打包策略的关系、分包粒度如何定。这是开放题，能结合自己项目的量化数据（如首屏从 3s 优化到 1.2s）会是加分项。