①前端性能优化核心就是两点:
1、保证资源更快的加载速度;
2、保证视图更快的渲染速度/交互速度;
②Google为前端页面性能的评估提出了 RAIL 模型,核心内容如下:
1、Response响应;
2、Animation动画;
3、Idle空闲;
4、Load加载;
③常规性能指标:
1、首次绘制;
2、首次内容绘制;
3、首屏时间 / 最大内容绘制,最大内容绘制应在2.5s内完成;
4、首次输入延迟,首次输入延迟应在100ms内完成;
5、累积布局偏移,累积布局偏移应保持在0.1或更少;
6、首字节达到时间,首字节达到时间如果超过500ms,用户在打开网页的时就会感觉到明显的等待;
(参考:mp.weixin.qq.com/s/ezx1S3-ay…