Optimise Largest Contentful Paint (LCP)
Optimise Largest Contentful Paint (LCP)
HardFrontend0% accepted
Your landing page has a poor LCP (>4s). LCP measures when the largest above-the-fold element renders. Diagnose the common causes and give a prioritized fix list. Cover: slow server/TTFB, render-blocking CSS/JS, late-loading hero images, web-font blocking, and how preload/priority hints and image optimization help.
Approach
LCP = render time of the largest viewport element. Fix TTFB, preload the hero image, inline critical CSS, defer non-critical JS, serve next-gen images with width/height, and use fetchpriority=high.
More Frontend problems
Browse all coding problems →Scenarios & Expected Answers
No example scenarios for this problem.
Sign in to continue
Create a free account to view answers and mark progress.
- Free forever — no credit card
- Theory Q&A with detailed answers
- Points, streaks & leaderboards