How does using video on landing pages affect LCP?
Author: Yılmaz Saraçlcpcore-web-vitalsvideo-optimizasyonulanding-page
Short answer: Video affects LCP in two ways: a hero video can itself become the LCP element, and heavy video files delay the real LCP resource by consuming bandwidth. With the right poster image and loading strategy, video can be used without hurting LCP.
Checklist
- Define an optimized poster image on the video tag; LCP measurement uses that image or the first video frame.
- Set preload to none or metadata so the video does not compete with critical resources for bandwidth.
- Use a lightweight click-to-load facade for YouTube embeds; third-party scripts should not ride on the first paint.
- Lazy-load videos that sit below the fold.
- Give fetchpriority to the page's LCP image, not to the video.
Start with Lighthouse lab data and validate with CrUX field data. Google's published threshold is clear: a good LCP stays under 2.5 seconds. A heavy autoplay hero video is one of the most common reasons pages miss it.