速度改善策を1分で把握！GTmetrixの使い方とチェックポイント解説

ウェブサイトの速度を引っ張る問題点を今すぐ洗い出す。

GTmetrixはウェブサイトの速度を計測し、サイトの問題点を分析してくれるツールです。上手に活用していけば、ウェブサイトのユーザー体験を改善できます。それは、集客効果や収益アップにつながります。

実際の計測の様子を確認できます。

この記事では、Gtmertixの使い方とチェックすべきポイントを徹底解説しました。

GTmetrxの使い方
GTmetrixのチェックポイント
- Web VitalsのLargest Contentful Paintを速度の評価とする
- SummaryのTop Issuesで問題点を見つける
GTmetrixの無料アカウントを登録するメリット
- テストできるローケーションを選べる
- LTEやブロードバンドなど回線を選べる
まとめ

GTmetrxの使い方

GTmetrixの使い方

STEP.1
公式サイトGTmetrixにアクセス

まず、GTmetrix公式サイトにアクセスしてます。
STEP.2
無料アカウントに登録する
無料アカウントを作りましょう。分析結果の詳細を知るためには、アカウント登録が必要だからです。画面右上の「Get Started for Free」をクリックします。
- 名前
- メールアドレス
- パスワード
利用規約とプライバシーポリシーへの同意にチェックを入れます。

「Create an Account」をクリックしてください。これで無料アカウントに登録できます。
STEP.3
ウェブサイトのURLを入力し計測する

「Analyze Performance of:」の枠に、ウェブサイトのURLを入力してください。

この時、「https://」から入力しましょう。入力しない場合、「http://」で計測される場合があります。結果が異なります。HTTPS化されたアドレスは、よりセキュリティが高いだけでなく、高速に通信できるからです。

★ SSLとTLSとは？暗号化で情報を守る仕組みとメリット
STEP.4
分析結果を確認する

分析結果が表示されます。

様々な分析結果が確認できますが、GTmetrixの使い方として大事なのは改善することです。そのために、問題点を見つけます。画面をスクロールし、SummaryのTop Issuesを見てください。

改善できる問題点があげられていることを確認しましょう。特に「High」は改善の効果が高い項目です。
STEP.5
改善策を実施する

SummaryのTop Issuesで挙げられた問題点を改善してください。
STEP.6
再テストする

改善したら再テストします。再テストの結果に基づき、改善と分析を繰り返しましょう。少しずつウェブサイトの表示速度が改善されていきます。

GTmetrixのチェックポイント

GTmetrixは、様々な分析結果が表示されます。どれを見るか迷うかもしれません。まずは、次の2つをチェックポイントとして確認しましょう。

Web VitalsのLargest Contentful Paintを速度の評価とする

Web Vitalsの「Largest Contentful Paint」を速度の評価としチェックしてください。

CP measures how long it takes for the largest content element (i.e., a hero image or heading text) on your page to become visible within your visitors’ viewport.（CPは、ページ上の最大のコンテンツ要素（例えば、ヒーロー画像や見出しのテキスト）が訪問者のビューポート内で表示されるまでの時間を測定します。）

For a good user experience, aim for an LCP of 1.2 seconds or less. Learn more.（良いユーザーエクスペリエンスのためには、LCPを1.2秒以下に目指しましょう。詳細はこちら。）
GTmetrix

ページ上の最大コンテンツは、多くの場合に画像です。そのページで一番大きく見えるものが表示されれば、ウェブサイト訪問者はページが読み込まれたと感じます。スムーズに表示されれば、快適なウェブサイトを閲覧できます。イライラしません。

LCPが遅い場合は、ページの表示が遅く感じられ、訪問者のストレスになります。

GTmetrixを使った改善として、このLCPを基準にし、数値を下げるように努めましょう。

SummaryのTop Issuesで問題点を見つける

Reduce initial server response timeはサーバーが遅いから乗り換える

「Reduce initial server response time」とは、サーバーが初めてリクエストを受け取ってから、最初のバイトをクライアント（ユーザーのブラウザ）に返送するまでの時間を短縮することを意味します。

これを「Time to First Byte (TTFB)」と呼びます。

サーバーの速度が速いか遅いかを示す重要な要素です。この結果が悪いなら、サーバーの乗り換えを検討しましょう。

個人向けサーバーを比較したい

法人向けサーバーを探しているなら、「中小企業・法人向けのおすすめレンタルサーバー比較11選と選び方」をお読みください。

Properly size imagesは画像を最適化する

「Properly size images」とは、ウェブページで使用される画像のサイズを適切に設定することを意味します。

画像のサイズや画質を最適化することが必要です。WordPressプラグインを上手に活用しましょう。

例えば、画像最適化のプラグインとして有名なImagifyを導入しましょう。次世代画像フォーマットのWEBP形式への変換にも対応しています。

Imagify – Optimize Images & Convert WebP & AVIF | Compress Images Easily

Compress images & convert WebP and AVIF with the best and easiest WordPress image optimization plugi...

★ 劇的に高速化させるWordPressプラグイン5選と速度改善策

Serve stafic assets with an efficient cache policyはキャッシュ機能を使おう

「Serve static assets with an efficient cache policy」とは、静的なアセット（例：画像、CSS、JavaScriptファイルなど）を効率的なキャッシュポリシーで提供することを意味します。これにより、ページの読み込み速度を向上させ、サーバーの負荷を軽減することができます。

★ キャッシュとは？データ保存でWebサイトを高速化

キャッシュを使うと速度を大幅に改善できます。サーバーでキャッシュが利用できるなら、機能をONにしてください。機能がない場合は、WordPressプラグインを使いましょう。例えば、WP Super Cacheはその1つです。