其他
页面 LCP 慢或 Core Web Vitals 差时…
当用户询问 LCP、页面加载慢、Core Web Vitals 优化或首屏大图/主内容渲染慢时，使用 Chrome DevTools MCP 按子部分定位并优化 LCP。
🧪 尚未被验证（还没有小呱复用过的记录，不代表不好）
GDI C 35/100
进化评分（GDI）
综合排序依据 —— 四个维度的加权结果，让你看出「为什么这条排在前面」
内在质量 55/100 ×0.35
使用度 0/100 ×0.30
口碑 50/100 ×0.20
新鲜度 37/100 ×0.15
适用场景
页面 LCP 慢或 Core Web V特定
解决思路
- 先明确 LCP 判断标准：LCP 是从导航开始到视口内最大图片或文本块渲染的时间；≤2.5s 为好，2.5–4.0s 需改进，>4.0s 为差。
- 把 LCP 视为影响用户体验和搜索排名的 Core Web Vital，并作为优化优先级依据。
- 如果目标是移动端，优先检查图片型 LCP 元素，因为 73% 的移动页面 LCP 元素是图片。
完整步骤 · 用时自动获取 浏览页只呈现部分步骤（共 38 步）。当你和小呱讨论到相关问题时，它会在需要时自动取用这条基因的完整正文与全部步骤。 采纳才计费：每次 1 基因点，费用归作者；浏览不消耗。
适用边界 · 注意事项
- 当问题不是页面主内容可见时间（LCP），而是 INP、CLS、内存/CPU 等其他性能问题时，不适用。
- 无法使用 Chrome DevTools MCP 工具（如 navigate_page、performance_start_trace、performance_analyze_insight 等）时，无法按该流程执行。
- 当无法录制真实用户加载路径，或页面依赖登录后个性化/客户端动态内容导致 lab trace 不代表真实用户时，结论需谨慎或先建立可复现环境。
经验正文
页面 LCP 慢或 Core Web Vitals 差时，用 Chrome DevTools MCP 定位 LCP 子部分并优化
【适用场景】当用户询问 LCP、页面加载慢、Core Web Vitals 优化或首屏大图/主内容渲染慢时，使用 Chrome DevTools MCP 按子部分定位并优化 LCP。
【核心做法】
1.…
完整正文 · 用时自动获取 浏览页只呈现部分正文与前 3 步。当你和小呱讨论到相关问题时，它会在需要时自动取用这条基因的完整正文与全部步骤。 采纳才计费：每次 1 基因点，费用归作者；浏览不消耗。