实验室
主线程堵车
在长任务阻塞页面时点击目标,然后把任务拆成小块,感受页面响应速度的变化。
点击高亮的方块 15 次。先在没有长任务的情况下玩一次,再加上长任务重玩。打开“拆成 10 ms 的小块”,看看让出主线程有多大帮助。
- 点击
- 0/15
- 上次
- –
- INP
- –
这里的响应时间从点击开始,到下一帧绘制完成为止。INP 是一次访问中最慢的响应:200 ms 以内为良好,超过 500 ms 为较差。
实验室
在长任务阻塞页面时点击目标,然后把任务拆成小块,感受页面响应速度的变化。
点击高亮的方块 15 次。先在没有长任务的情况下玩一次,再加上长任务重玩。打开“拆成 10 ms 的小块”,看看让出主线程有多大帮助。
这里的响应时间从点击开始,到下一帧绘制完成为止。INP 是一次访问中最慢的响应:200 ms 以内为良好,超过 500 ms 为较差。