（一）导学

目标

使用流行的性能优化技术，快速提高web性能

性能优化的意义

wpostats性能优化案例库 — 业界经验

优化做些什么

优化的标准是什么

性能优化大纲

性能优化指标与测量工具

行业标准

优化模型

测量工具

性能相关APIs

代码优化

Javascript优化

Html优化

Css优化

渲染优化

现代浏览器渲染原理

可优化的渲染环节和方法

资源优化

压缩 & 合并

图片格式

图片加载

字体优化

构建优化

webpack的优化配置

代码拆分

代码压缩

持久化缓存

监测与分析

按需加载

传输加载优化

GZip

KeepAlive

HTTP缓存

Service Worker

HTTP/2

SSR

Nginx

更多流行优化技术

SVG优化图标

FlexBox布局

预加载

预渲染

窗口化提高列表性能

骨架组件