用RAIL模型分析性能
2021-03-29 本文已影响0人
李霖弢
用户对性能延迟的感知:
- 0-100ms 流畅
- 100-1000ms 感觉到网站上有一些加载任务
- 1000ms or more 失去耐心了
- 10000ms or more 直接离开,不会再访问了
Response
用户的输入到响应的时间尽量在50ms内完成,超过100ms的响应需提供倒计时/loading图标等反馈
Animation
产生每一帧的时间不要超过10ms,为了保证浏览器60帧,每一帧的时间在16ms左右,但浏览器需要用6ms来渲染每一帧。
Idle
最大化空闲时间,防止有JS/渲染线程执行阻塞用户交互
Load
传输内容到页面可交互的时间不超过5秒,第二次打开不超过2秒