INP(Interaction to Next Paint)衡量使用者在造訪期間所有互動的即時回饋速度,是現代前端效能工程不可忽視的核心指標。
切割主執行緒長時間任務(Long Tasks)
凡耗時超過50ms的任務皆會阻礙UI繪製。善用scheduler.yield()將運算邏輯分批調度,確保瀏覽器能優先處理使用者觸發之事件。
防範版面配置抖動與CSS渲染最佳化
降低DOM階層負擔,並運用content-visibility: auto延後非可視區塊繪製,能有效確保毫秒級的流暢操作體驗。

