19 | 优化INP（上）：页面响应卡顿是什么原因造成的？

1. INP指标是衡量网页对用户互动响应速度的重要指标，优化INP可以带来巨大的成果，对公司的业务能带来很大的价值。 2. 浏览器主线程一次只能处理一个工作任务，JavaScript的解析和执行以及布局和绘制页面会影响INP指标。 3. 浏览器任务包括浏览器执行的任何独立工作，大部分任务都在浏览器主线程上执行，包括解析HTML和CSS、运行JavaScript代码以及重排、重绘等。 4. 宏任务和微任务是浏览器执行JavaScript的两种任务类型，微任务的执行优先级比宏任务更高。 5. 优化长任务的目标是将长任务拆分成多个短任务，确保每个任务的执行时间尽可能短。 6. 使用定时器拆解任务和使用Promise调整任务优先级是优化长任务的两种方法。 7. requestAnimationFrame函数和requestIdleCallback函数是优化动画效果和调整任务优先级的API。 8. 任务调度器API提供了postTask函数，可以根据每个任务的需求调整其执行优先级。 9. 了解和掌握优化长任务的方法对网页性能优化至关重要，对公司的业务能带来很大的价值。 10. 要做好浏览器主线程任务的性能优化，就必须要了解宏任务和微任务的知识，理解浏览器是如何处理两种任务的执行顺序的。