(一).性能分析工具篇

1. 性能分析工具：前端性能优化实战 从 30s 到 2s

(二).性能指标介绍篇

1. 面试必问：前端页面性能指标基本介绍
   
2. 程序员必须清楚的 7 个性能指标

(三).用户体验思考篇

1.谈谈性能优化 - 从用户体验聊起
2. 用户体验四维度
3. Vue3问题：如何实现页面引导提示？
4. 前端如何做好用户体验？
5. 一个前端非侵入式骨架屏自动生成方案

(四).懒加载和预加载

1. 原来懒加载有这些玩法，你确定不看看？
2. 图片预加载与图片懒加载（缓载）的区别与实现
3. 懒加载与预加载的区别和用法分享

(五).如何压缩代码体积

1. 【滴滴】如何压缩前端项目中 JS 的体积

(六).缓存

1. 前端 api 请求缓存的 5 种方案
2. 浏览器缓存

参考阅读

1.前端性能优化 24 条建议
2.Vue实现原理+前端性能优化
3.你必须懂的前端性能优化
4.8000字总结的前端性能优化
5.百度前端工程化之H5性能优化篇
6.网站优化，这些工具你一定用得着(建议收藏)
7.如何将网站的性能提升十倍以上？
8.聊一聊前端性能与体验的优化
9.网页首屏性能优化总结
10.Vue CLI 首屏优化技巧
11.飞书前端：性能优化4大环节最佳实践与研发流程
12.最全的前端性能定位总结
13.关于性能优化的 9 大策略和 6 大指标
14.字节：性能优化经验分享
15.Vue 项目性能优化 — 实践指南（网上最全 / 详细）
16.【Vuejs】1835- 你一定会用到的 Vue 性能优化
17.前端性能优化

浅谈前端路由（进阶篇）
工程化方面的性能优化(Webpack)

1. 前端性能优化——包体积压缩82%、打包速度提升65%