JavaScript执行是INP的最大瓶颈

百度搜索引擎已明确将页面的交互流畅度纳入评估范围

需要特别注意的是：分片并非万能，如果业务场景允许service worker（服☀️务工作者）或Web Wo🌺rker（网络工作者）转移计算到后台线程，对主线程的解放更为彻底——此时INP几乎不受影响

JavaScript分片：用时间换流畅

这样，即使总处理时间未减少，但用户在任何时刻都不会遇到超过几十毫秒的卡顿

结合代码分割、Worker等技术，可以构建出对用户和搜索引擎都友👍好的高性能页面

蔡宥男

当浏览器忙于执行一个复杂的JS函数时，无法响应用户的新交互，也无法更新界🚀面，直到该任务完成

具体实现方式有两种常见模式： 使用setTimeout或requestAnimationFrame分片： 将大循环分批执行，每一批完成后通过setTimeout(0)或requestAnimationFrame调度下一批

图示：和泉纱雾被本子,🎊外链建设优先选择行业垂直平台，同领域站点的外链相关性更强，权重传递效率更高，远比泛流量平台的外链更利于排名提升

更多精选文章

这一指标直接反映了页面在用户⭐操作后的☀️“迟钝”程度

举个例子：一个页面中有一段遍历上万条数💪据的循环，用户在循环执行中点击按钮，浏览器必须等待循环结束才能处理这次点击并更新界面

其核心思想是：将一个耗时巨大的▶️任务拆分成多个微型任务，每执行完一小段就主动让出主线程，让浏览器有机会处理用户交互