Optimising Largest Contentful Paint
summary
LCP is the measured time to render the page’s largest contentful element and Google’s „good“ threshold is 2.5s; only ~54% of sites hit acceptable LCP and a 500ms LCP improvement once translated to €11.5M for a retailer. Practical wins shown: prefer text LCPs over images, avoid loading=lazy on above‑the‑fold assets, server render LCP instead of building it in JS, keep LCP on the same origin, reintroduce hidden assets via preload scanner hacks or explicit preload, and use fetchpriority plus decoding=sync to shave seconds.
AI-written summary · about
chapters (6)
- 0:00Start
- 9:44Choose the Best Element
- 21:24background-image Is Bad
- 32:51Resource Hints
- 36:38Priority Hints
- 41:59Image Decoding decoding
related talks
46mOptimising Largest Contentful Paint
29mA deep dive into optimizing LCP
12mHow to speed up Largest Contentful Paint (LCP) with cross-site prefetching
43mChallenging Assumptions About LCP Best Practices
55mHow I brought LCP down to under 350 ms
37mThe First Meaningful Paint
36mHacking Web Performance
32mEverything you need to know about Web Performance