前端性能优化点

1. 网络层面
2. 构建层面
3. 浏览器渲染层面
4. 服务端层面

涉及到的功能

1. 资源的压缩与合并
2. 图片编解码原理和类型选择
3. 浏览器渲染机制
4. 懒加载
5. 预加载
6. 浏览器存储
7. 缓存机制
8. PWA
9. Vue-SSR

技术栈

1. 前端性能优化原理
   • 作用与原理
   • 如何与真实业务场景结合
   • 理论结合实践
   • 量化分析
2. vue.js
3. chrome 调试工具的 performance、 layers

课程安排

1. 基础优化
   • 资源的压缩与合并
   • 图片编解码原理和类型选择
2. 进阶优化（浏览器层面）
   • 浏览器的渲染机制
   • 重绘与回流
   • 浏览器存储，如cookie、localStorage、sessionStorage
   • 缓存机制
3. 结合服务端优化
   • 结合 nodeJs，与 vue-ssr 解决首屏渲染的问题
4. 回顾总结

学习前提

1. 掌握前端基础知识如 html、css、js
2. 有性能优化原理的好奇心和探究的兴趣

课程收获

1. 深入掌握性能优化的原理
2. 了解当前大公司在性能优化上所做的实践
3. 学会分析自身业务，选择合适的性能优化方式
4. 全面地了解前端性能优化，轻松hold住性能优化面试题，让性能优化成为你前端面试的高分项