LCP Largest Contentful Paint
一句话定义
视口内最大内容元素（通常是主图或标题）完成渲染的时间。
打个比方 Analogy
主菜上桌的时间。顾客坐下后，等多久能看到主菜摆上桌。
岗位实战怎么做 In Practice
目标 < 2.5 秒。优化方法：预加载关键图片（<link rel="preload">）、使用 CDN、优化图片大小、减少渲染阻塞资源。
案例与避坑 Pitfalls
轮播图（Carousel）的第一张大图通常是 LCP 元素，如果图片过大或未优化，LCP 会极差。避免使用背景图作为 LCP，改用 <img> 标签。