BestHub
Sign in
Tag

INP

0 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 12, 2024 · Frontend Development

Why Lighthouse Dropped Time to Interactive (TTI) and What Replaced It

This article explains why Lighthouse removed the Time to Interactive (TTI) metric after version 10, describes how TTI was calculated, discusses its inaccuracies, and introduces the more reliable replacement metrics such as Total Blocking Time (TBT), First Input Delay (FID) and Interaction to Next Paint (INP) for assessing web performance.

FIDINPTBT
0 likes · 13 min read
Why Lighthouse Dropped Time to Interactive (TTI) and What Replaced It
Baidu Geek Talk
Baidu Geek Talk
Dec 18, 2023 · Frontend Development

Browser Event Loop Mechanism: Complete Guide to Rendering, Performance Optimization and Interaction Metrics

The guide explains the browser’s event‑loop cycle, how macro‑tasks, micro‑tasks, requestAnimationFrame and requestIdleCallback interact with rendering, details long‑task impacts, React’s time‑slicing via MessageChannel, key interaction metrics such as TTI, FID and upcoming INP, and practical optimizations like task splitting, lazy loading and service‑worker caching.

Event LoopFIDINP
0 likes · 19 min read
Browser Event Loop Mechanism: Complete Guide to Rendering, Performance Optimization and Interaction Metrics
ZhongAn Tech Team
ZhongAn Tech Team
Nov 17, 2023 · Frontend Development

Understanding Interaction to Next Paint (INP) Metric and How to Measure It

This article explains the INP (Interaction to Next Paint) performance metric, its calculation method, satisfaction thresholds, differences from FID, and provides practical guidance on measuring INP using Chrome's CrUX, PageSpeed Insights, the web‑vitals library, Chrome extensions, and custom console scripts.

ChromeINPfrontend
0 likes · 11 min read
Understanding Interaction to Next Paint (INP) Metric and How to Measure It
HomeTech
HomeTech
Mar 8, 2023 · Frontend Development

Top Core Web Vitals Recommendations for 2023: Optimizing LCP, CLS, FID, and INP

This article outlines Google's most impactful 2023 recommendations for improving Core Web Vitals—Largest Contentful Paint, Cumulative Layout Shift, First Input Delay, and Interaction to Next Paint—providing practical, high‑priority techniques such as ensuring LCP resources are discoverable, prioritized, and optimizing TTFB, CLS, and JavaScript performance.

CLSCore Web VitalsFID
0 likes · 22 min read
Top Core Web Vitals Recommendations for 2023: Optimizing LCP, CLS, FID, and INP