Anthropic ClaudeDevOps・インフラ⭐ リポ 2品質スコア 59/100
core-web-vitals
Core Web Vitals（LCP、INP、CLS）を最適化して、ページ体験と検索ランキングを向上させます。「Core Web Vitalsを改善したい」「LCPを修正したい」「CLSを削減したい」「INPを最適化したい」「ページ体験の最適化」「レイアウトシフトを修正したい」といったご依頼の際にご利用ください。
description の原文を見る
Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".
SKILL.md 本文
注意: このスキルのライセンスは ライセンス未確認 です。本サイトでは本文プレビューのみを表示しています。利用前に GitHub の原本でライセンス条件をご確認ください。
Core Web Vitals の最適化
Google 検索ランキングとユーザー体験に影響する3つの Core Web Vitals メトリクスの対象別の最適化です。
3つのメトリクス
| メトリクス | 測定対象 | 良好 | 要改善 | 不良 |
|---|---|---|---|---|
| LCP | 読み込み | ≤ 2.5秒 | 2.5秒～4秒 | > 4秒 |
| INP | インタラクティビティ | ≤ 200ミリ秒 | 200ミリ秒～500ミリ秒 | > 500ミリ秒 |
| CLS | 視覚的安定性 | ≤ 0.1 | 0.1～0.25 | > 0.25 |
Google は 75パーセンタイル で測定します。ページへのアクセスの75%が「良好」の閾値を満たす必要があります。
LCP: Largest Contentful Paint
LCP は最大の表示コンテンツ要素が描画されるタイミングを測定します。通常は以下のいずれかです:
- ヒーロー画像または動画
- 大きなテキストブロック
- 背景画像
<svg>要素
LCP の一般的な問題
1. サーバーレスポンスが遅い (TTFB > 800ミリ秒)
修正: C
...
詳細情報
- 作者
- tecnologias2026-1
- ライセンス
- 不明
- 最終更新
- 2026/5/6
Source: https://github.com/tecnologias2026-1/NEXUS / ライセンス: 未指定