参考文档为google developers中web性能部分的加载性能章节。大家可以不看这篇文章,直接去看官网文档。
官网地址
本文为一些总结和个人观点。
目的
目的当然是快。对于快,官方也给予了定义(RAIL),满足这个要求即可,避免过度优化。
RAIL 是一种以用户为中心的性能模型。是Response、Animation、Idle、Load四个单词的缩写。
以用户为中心;最终目标不是让您的网站在任何特定设备上都能运行很快,而是使用户满意。
Response 立即响应用户;在 100 毫秒以内确认用户输入。
Animation 设置动画或滚动时,在 10 毫秒以内生成帧。
Idle 最大程度增加主线程的空闲时间。
Load 持续吸引用户;在 1000 毫秒以内呈现交互内容。
本文只涉及Load部分:如果网站可以秒开,那就完美了。
关键渲染路径 CRP(Critical Rendering Path)