WEB前端性能优化提纲

资源加载优化

合并静态资源（JS/CSS/图片）

压缩请求内容

缓存资源（http缓存/本地缓存）

CDN加速

DNS连接

 

视觉等待优化

首屏显示优化（CSS在头部，JS在底部或非阻塞加载）

异步加载

并行加载

单页应用

按需加载资源（JS/CSS/图片）

预加载

点击即响应

 

本地渲染优化

减少重排和重绘

恰当使用事件代理

恰当使用GPU加速