ウェブパフォーマンス

ウェブパフォーマンス — 日本語

日本語 › コンテンツ

CDN と SEO

CDN が SEO に与える影響を、TTFB、Core Web Vitals、エッジキャッシュ、稼働時間、地域分散配信、クロール効率の観点から説明します。キャッシュヘッダー、canonical、HTTPS、WAF、ボット検証、冷えたキャッシュと移行時の注意点も扱います。

記事を読む →
日本語 › コンテンツ

SEO のキャッシュ

Cache-Control、ETag、CDN を使うブラウザーとサーバーのキャッシュがパフォーマンスと Core Web Vitals を改善する方法、そしてクロールに影響するキャッシュの落とし穴を説明します。

記事を読む →
日本語 › コンテンツ

Core Web Vitalsの測定と改善

Googleの実ユーザーUX指標であるLCP、INP、CLSと、良好のしきい値、フィールドとラボの違い、ランキングへの影響、測定ツール、修正を検証する方法を解説します。

記事を読む →
日本語 › コンテンツ

Chrome DevToolsパフォーマンスパネル

Chrome DevToolsのパフォーマンスパネルを、ローカルのラボトレース、LCP要素の特定、フレームチャート、Insights、スロットリング、CrUXフィールドデータ、Googlebotとの違いという観点から説明します。

記事を読む →
日本語 › コンテンツ

WebPageTest

WebPageTestは、PageSpeed Insightsがページが遅いと表示してもその理由がわからないときに、技術系SEO担当者が頼りにする無料のオープンソースのラボベースのパフォーマンスツールです。歴史、ウォーターフォールとフィルムストリップの読み方、CLSを探すレシピ、そしてLighthouse、PSI、CrUXとの位置づけについて説明します。

記事を読む →
日本語 › コンテンツ

圧縮(Gzip、Brotli、Zstd)

HTTPテキスト圧縮の仕組みを、GzipとBrotliとZstdの違い、Googlebotが実際に対応する方式、Core Web Vitalsとクローラーの取得上限への影響、サーバー別の有効化・検証方法まで解説します。ネットワーク上のバイト数を減らすウェブパフォーマンス詳説です。

記事を読む →
日本語 › コンテンツ

HTTP/2とHTTP/3

HTTP/2とHTTP/3の概要、QUICがヘッドオブラインブロッキングをどのように(完全には解消せずに)減らすか、そしてSEOにとって何を意味するかを解説します。Googleはランキング向上はないと述べ、Googlebotの文書にHTTP/3は記載されていません。実際の効果はCore Web Vitalsを介した間接的なものです。

記事を読む →
日本語 › コンテンツ

総ブロッキング時間(TBT)

TBTが測定するもの、50msのロングタスク計算、INPのラボ用プロキシである理由(Core Web Vitalsではない)、そして赤いスコアを修正する方法—技術SEOの視点から。

記事を読む →
日本語 › コンテンツ

遅延読み込み

画像とiframeの遅延読み込みがCore Web Vitalsを改善する仕組み、loading属性、ファーストビューの遅延読み込みのSEOリスク、そしてGooglebotが遅延コンテンツをレンダリングする方法。

記事を読む →
日本語 › コンテンツ

First Contentful Paint(FCP)

First Contentful Paintが測るもの、良好なFCPスコア、Core Web Vitalではない理由、First PaintやLCPとの違い、遅いFCPの改善方法を解説します。

記事を読む →
日本語 › コンテンツ

PageSpeed Insights (PSI)

PageSpeed Insightsは、実際のユーザーデータ(CrUX)とLighthouseのラボスコアの両方を報告します。ランキングに影響するのはフィールドのCore Web Vitalsのみで、0〜100のスコアは影響しません。

記事を読む →
日本語 › コンテンツ

ミニフィケーション

ミニフィケーションとは実際には何か — CSS、JS、HTMLから空白、コメント、冗長な文字を取り除くこと — 圧縮やバンドリングとの違い、それが駆動するPageSpeed Insightsの監査、そして現代のバンドラーがすでに自動で行っている理由。ソースコードを縮小するウェブパフォーマンスの深掘り解説。

記事を読む →
日本語 › コンテンツ

累積レイアウトシフト(CLS)

累積レイアウトシフトが測るもの、インパクト×距離によるスコア、セッションウィンドウ、閾値、一般的な原因、修正とデバッグ方法を解説します。

記事を読む →
日本語 › コンテンツ

フィールドデータとラボデータ:違いと使い分け

CrUXの実ユーザー測定であるフィールドデータと、原因診断に役立つLighthouseのラボデータの違い、両者が分かれる理由、使い分けを解説します。

記事を読む →
日本語 › コンテンツ

クリティカルレンダリングパス

ブラウザーがバイト列を画面上のピクセルへ変換する工程を、DOM、CSSOM、レンダーツリー、レイアウト、描画の順に解説します。CSSとJavaScriptがレンダリングを妨げる仕組み、3つの最適化軸、FCP・LCP・Googlebotのレンダリングとの関係も扱います。

記事を読む →
日本語 › コンテンツ

Critical CSS(クリティカルCSS)

Critical CSSを抽出してインライン化し、残りを遅延する方法を解説します。ファーストペイント、LCP、CSP、キャッシュ、テンプレート状態、レイアウトシフト、保守上のトレードオフを扱います。

記事を読む →
日本語 › コンテンツ

bfcacheのSEO

back/forward cache(bfcache)とは、ページ全体をメモリで凍結し、戻る/進むのナビゲーションを瞬時にするブラウザー機能です。HTTPキャッシュとの違い、適格性を阻むもの、テスト方法、Core Web VitalsとSEOとの現実の間接的な関係を説明します。

記事を読む →
日本語 › コンテンツ

Time へ Interactive (TTI)

暫定日本語訳:何 Time へ Interactive 測定, なぜ Lighthouse 削除 it in version 10, なぜ it was 決して Core Web Vital または ランキング factor, と なぜ its ghost still lives inside Total Blocking Time — から technical SEO.

記事を読む →
日本語 › コンテンツ

暫定日本語訳:First Input Delay (FID)

暫定日本語訳:What First Input Delay measured, its ≤ 100 ms threshold, why INP replaced it in March 2024, and how to read old FID データ today — a legacy-metric reference from a technical SEO.

記事を読む →
日本語 › コンテンツ

Web パフォーマンス ツール

暫定日本語訳:three ツール その 測定 web パフォーマンス — Google Lighthouse (lab), Chrome UX レポート/CrUX (field), と PageSpeed Insights (both in one UI). Which one Google ranks on, と which へ 使用 向けに 何 job.

記事を読む →
日本語 › コンテンツ

暫定日本語訳:Render-Blocking Resources

暫定日本語訳:何 render-blocking resources are, どのように CSS と synchronous JavaScript delay critical rendering path, なぜ その hurts Core Web Vitals (と indirectly SEO), どのように へ find them, と どのように へ fix them とともに async, defer, critical CSS, と media クエリ.

記事を読む →
日本語 › コンテンツ

暫定日本語訳:Font Loading

暫定日本語訳:How web font loading affects Core Web Vitals like CLS and LCP, font-display strategies, preloading fonts, and reducing layout shift from font swaps.

記事を読む →
日本語 › コンテンツ

暫定日本語訳:Resource Hints

暫定日本語訳:どのように preload, preconnect, dns-prefetch, と prefetch resource hints speed up ページ loads と improve Core Web Vitals, と いつ へ 使用 各 one.

記事を読む →
日本語 › コンテンツ

暫定日本語訳:Speculation Rules API

暫定日本語訳:何 Speculation Rules API (prefetch と prerender) actually is, whether it affects SEO, クロール, または rankings, と どのように へ implement it なしで inflating あなた analytics.

記事を読む →
日本語 › コンテンツ

Web VitalsとSEO

Web Vitalsは、Googleが提唱するページ体験の品質シグナルを統一するためのイニシアチブです。ここでは、その全体像を解説します。このイニシアチブがカバーする内容、どの指標が「Core」に該当し(ランキングに影響するか)、どの指標が診断用であるか、そしてラボのスコアとフィールドデータが一致しない理由についても説明します。Core Web Vitalsの下に位置する補足的な指標のハブです。

記事を読む →
日本語 › コンテンツ

Interaction to Next Paint(INP)

INPが測るもの、p75での≤ 200 msmsのしきい値、2024年にFIDに取って代わった理由、低いスコアを実際に改善する方法を技術SEO担当者が解説します。

記事を読む →
日本語 › コンテンツ

Largest Contentful Paint (LCP) とSEO

LCPが測定するもの、そのしきい値、それを構成する4つのサブパート、そして実際に改善する方法 — 人々が最も苦労するCore Web Vitals。

記事を読む →
日本語 › コンテンツ

Speed Index(スピードインデックス)

Speed Indexが測定するもの、良いスコアの目安、Core Web Vitalでもランキング要因でもないLighthouse専用のラボ指標である理由、改善方法を説明します。

記事を読む →
日本語 › コンテンツ

初回バイトまでの時間 (TTFB)

TTFBが測定するもの、なぜCore Web Vitalsではないのか、LCPとFCPをどのように制限するか、良いとされる値、そして遅いサーバーレスポンスを修正する方法。

記事を読む →