17 前端性能优化的方式以及图片懒加载的实现

1.前端性能优化

2.图片懒加载的实现

1.前端性能优化

1-1 加载更快

1. 减少资源体积：minify/gzip压缩
2. 减少访问次数：合并资源（代码）、SSR服务端渲染、使用缓存、雪碧图
3. 加快请求速度：预解析DNS,减少域名次数，并行下载，CSN分发。

1-1 渲染更快

1. CSS放在head，js放在body最下面
2. 尽早开始执行js，用DomContentLoaded触发
3. 图片懒加载
4. 频繁的DOM操作合并一起插入到DOM结构
5. 防抖与节流。

2.图片懒加载的实现

知乎js原生方式实现懒加载原理剖析