用途
LCP（Largest Contentful Paint，最大内容绘制）是感知加载速度最重要的 Core Web Vital 指标，它衡量页面主要内容何时变为可见，直接影响用户对加载速度的感知以及 SEO 排名。该技能适用于审计页面加载缓慢、资源过重或渲染延迟等与 LCP 相关的问题。
主要能力
- 检查（Check）：使用 Lighthouse 或 PageSpeed Insights 测量 LCP，验证最大的可见元素是否在 2.5 秒内完成渲染。
- 修复（Fix）：通过预加载关键资源、优化图片、使用 CDN 以及降低服务器响应时间等方式优化 LCP。
- 解释（Explain）：说明 LCP 如何通过追踪最大可见内容元素何时可见来反映感知加载速度。
- 代码审查（Code Review）：审查影响 LCP 的路由、资源和加载行为，标记出增加不必要网络、CPU 或布局成本的具体文件、请求或渲染步骤，并描述用于确认问题的测量方法。
使用方式
该技能以规则形式提供，包含快速参考要点：LCP 衡量最大元素的渲染时间，目标低于 2.5 秒；对首屏主图（hero images）和关键资源使用 preload；优化图片格式并使用响应式尺寸；减少服务器响应时间（TTFB）。完整实现细节、代码示例和框架相关指导见 references/rule.md。规则页面为 https://frontendchecklist.io/rules/performance/largest-contentful-paint。
适用场景
适用于前端性能审计、页面加载速度优化、Core Web Vital 指标改善，以及需要定位渲染延迟瓶颈的开发与代码审查流程。
限制
资料未提供具体的收费、价格、平台支持范围或效果保证等信息。