BestHub
Sign in
Tag

FID

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
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
ByteFE
ByteFE
Oct 14, 2020 · Frontend Development

Understanding Web Performance Metrics and Core Web Vitals

This article explains how to measure website performance using various metrics and introduces Core Web Vitals as key indicators for user experience.

CLSCore Web VitalsFID
0 likes · 12 min read
Understanding Web Performance Metrics and Core Web Vitals
Sohu Tech Products
Sohu Tech Products
Jun 10, 2020 · Frontend Development

Understanding and Optimizing Core Web Vitals: LCP, FID, and CLS

This article explains what Core Web Vitals are, why they matter for user experience, and provides detailed guidance on measuring and improving the three key metrics—Largest Contentful Paint, First Input Delay, and Cumulative Layout Shift—using Chrome tools, web‑vitals library, and best‑practice optimizations.

CLSCore Web VitalsFID
0 likes · 19 min read
Understanding and Optimizing Core Web Vitals: LCP, FID, and CLS
360 Tech Engineering
360 Tech Engineering
Dec 19, 2019 · Frontend Development

Understanding Key Web Performance Metrics: FP, FCP, FMP, LCP, TTI, and More

This article explains essential web performance metrics such as First Paint, First Contentful Paint, First Meaningful Paint, Largest Contentful Paint, Time to Interactive, and related indicators, showing how they reflect different stages of page rendering and user experience.

FCPFIDFP
0 likes · 9 min read
Understanding Key Web Performance Metrics: FP, FCP, FMP, LCP, TTI, and More