BestHub
Sign in
Tag

FCP

0 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 17, 2025 · Frontend Development

Why Is There a Large Gap Between TTFB and FCP on Alibaba.com PC Homepage?

During performance tuning of Alibaba.com’s PC new‑user homepage, the Time To First Byte became acceptable while the First Contentful Paint remained 3 seconds slower, revealing that CSS download and parsing blocked rendering and that inlining critical CSS dramatically reduced FCP latency.

CSS OptimizationFCPTTFB
0 likes · 10 min read
Why Is There a Large Gap Between TTFB and FCP on Alibaba.com PC Homepage?
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 12, 2024 · Frontend Development

Front‑End Performance Optimization: Metrics, Data Reporting, and Practical Improvements

This article presents a comprehensive guide to front‑end performance optimization, covering metric selection (FCP, LCP, TTI, x‑fmp), data collection and reporting, dashboard creation, network‑ and application‑layer bottleneck analysis, and concrete code‑level improvements for faster page loads.

FCPReactTTI
0 likes · 17 min read
Front‑End Performance Optimization: Metrics, Data Reporting, and Practical Improvements
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