有听过前端性能优化指标RAIL吗
- response 交互响应不超过100ms
- animation 每秒60帧， 确保动画的流畅感， 需要10ms就进行一帧， 因为渲染需要6ms左右
- idle 空隙任务可以使用 requestIdleCallback， 在空闲的时候执行不那么紧急的任务， 最好不要超过50ms， 避免阻塞核心任务
- load 加载在中档3G网络不要超过5s
你知道的前端性能优化手段有哪些
- 代码压缩
- 去除无用代码
- 图片压缩
- 减少请求
- js放dom后，css放dom前
- 缓存
- 预加载
重排和重绘是什么，有什么区别
- 重排是影响了布局
- 重绘制是不影响布局的操作
- 重排的一定会触发重会
如何减少白屏的时间
- 压缩js， css， html
- css， js放置正确的位置， 避免dom渲染的阻塞
- 缓存
- cdn加速
网站首页有大量的图片，加载很慢，如何去优化呢？
- 图片压缩
- 转webp
- 懒加载
