Web 前端性能优化

第 1 章什么是性能优化

前端页面的生命周期

第 2 章前端页面的生命周期

进程与线程

多进程浏览器

浏览器主进程
GPU 进程
插件进程
网络进程
渲染进程

TCP 连接

HTTP 2.0 新特性

强缓存

协商缓存

构建对象模型

渲染绘制

第 3 章图像优化

JPEG GIF WebP PNG 的优缺点

图片的延迟加载方式

第 4 章加载的优化

预加载

预连接

预提取

第 5 章书写高性能的代码

第 6 章构建优化

第 7 章渲染优化

渲染的过程

第 8 章服务器端渲染

实现一个服务器渲染

第 9 章数据存储

Session

LocalStorage

SessionStorage

Web SQL

IndexedDB

第 10 章缓存技术

强缓存策略

协商缓存策略

Service Worker 缓存

HTTP2.0 push 缓存

CDN 缓存

第 11 章性能检测

Lighthouse

PageSpeed Insights

小程序 Adults