Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressサイトのパフォーマンスを向上させるGTmetrixプラグインの使い方

高速なウェブサイトを持つことは非常に重要です。なぜなら、遅いウェブサイトはトラフィックを失い、ビジネスに悪影響を及ぼすことを理解しているからです。

安いホスティング、大きな画像ファイル、うまく動作しないプラグインなど、多くのことがウェブサイトの速度を低下させます。サイトが遅いと、あなたが提供するものを見る前に人々が去ってしまう可能性があります。

GTmetrixは、あなたのウェブサイトの速度をチェックし、速度を低下させる潜在的な問題について知らせてくれる便利なツールです。

この投稿では、GTmetrixプラグインを使ってWordPressサイトのパフォーマンスをテストし、改善する方法をご紹介します。

How to Use GTmetrix Plugin to Improve WordPress Site Performance

GTmetrixとは?

GTmetrixはサイトの読み込み速度をチェックするツールです。サイトの読み込み速度は、ユーザーの注意持続時間が短いため、これまで以上に重要になっています。

AmazonやGoogleなどの大規模サイトを対象としたStrangeLoopのケーススタディによると、ページの読み込み時間が1秒遅れると、コンバージョンが7%減少し、ページ表示が11%減少し、顧客満足度が16%低下するという。

Strangeloop case study

GTmetrixは、WordPressのパフォーマンスとスピードを向上させるために何をすべきかを提案し、あなたのWordPressサイトを遅くしている原因を垣間見せてくれます。

ということで、GTmetrixプラグインを使ってWordPressサイトのスピードを改善する方法を見てみましょう。

WordPressでGTmetrixプラグインを設定する

まず、GTmetrix for WordPressプラグインをインストールし、有効化する必要があります。この方法がわからない場合は、WordPressプラグインのインストール方法についての完全ガイドをご覧ください。

プラグインを有効化すると、WordPress管理画面のサイドバーに「GTmetrix」という新しいメニュー項目が追加されます。それをクリックしてプラグインの設定ページにアクセスする必要があります。

GTmetrix Plugin Settings

このページでは、GTmetrixアカウントのメールとAPIキーのプロバイダーが求められます。

APIキーを取得するには、無料アカウントを作成することができます。この無料アカウントには、1日あたりのリクエスト数に制限がある。しかし、1つのサイトで利用するのであれば、クレジットが足りなくなることはないだろう。

今すぐGTmetrixアカウントに登録 “リンクをクリックするだけで、GTmetrixのサイトに移動し、アカウントにサインアップできます。

アカウントを作成したら、ページ上部の「アカウント」リンクをクリックします。

GTmetrix Account Settings

次に、「APIキーをジェネレータする」ボタンをクリックします。GTmetrixがAPIキーを生成しますので、コピーしてください。

WordPressダッシュボードの’GTmetrix’設定ページに戻ります。アカウントのメール・アドレスと、先ほどコピーしたAPIキーを入力してください。

Enter Your Email Address and Paste the API Key

変更を保存」ボタンをクリックして、設定を保存することを忘れないでください。

WordPressでGTmetrixのパフォーマンステストを実行する

プラグインをセットアップしたら、WordPressのパフォーマンステストを実行できます。

GTmetrix ” Testsページにアクセスしてください。今すぐフロントページをテストする」ボタンをクリックすれば、あなたのサイトのホームページをすぐにテストすることができます。

GTmetrix Tests

WordPressサイトのどのページでもパフォーマンステストを実行できます。Test performance of’ボックスにページのURLを入力するだけです。

これらのカスタムテストでは、ラベルを提供し、地理的な場所を選択することもできます。理想的には、ターゲットオーディエンスに最も近い場所に焦点を当てたいものです。

Running a Custom Test Using GTmetrix

GTmetrixのパフォーマンステスト結果を理解する

GTmetrixは、テストしているウェブページの完全なパフォーマンス内訳を提供します。Google Page SpeedとYSlowのパフォーマンステストを使用してページのロード時間をスコア化し、結果のサマリーとして総合スコアを表示します。

GTmetrix Latest Front Page Score

A以下は改善の余地があることを意味します。しかし、これは必ずしもあなたのサイトが本当に遅いことを意味するものではありません。

スコアを理解するには、「詳細レポート」リンクをクリックする必要があります。GTmetrixサイトであなたのURLが開きます。

このレポートでは、PageSpeedスコア、YSlowスコアの詳細な内訳、およびページの読み込み時間を改善するために変更できる推奨事項のリストを提供します。

GTmetrix Detailed Report

それは異なるタブに区切られています.まず、あなたのPageSpeedスコアが表示されます 別のランキング項目は、それらの個々のスコアでリストされている.

緑色の項目は良好であり、注意を払う必要はありません。赤色の項目は、サイトの速度を低下させており、さらなる調査が必要です。

一番いいのは、項目をクリックすると、修正すべき点を正確に教えてくれることだ。

GTmetrix Issues to Fix

各タブには小さな『これはどういう意味ですか?それをクリックすると、改善点の詳細が表示されます。

過去のレポートはすべて、GTmetrix ” Tests のページの Reports セクションにあります。

GTmetrix Reports

これにより、サイトのスピードとパフォーマンスの向上に取り組みながら、テストを管理・実行することができます。

プラグインなしでGTmetrixを使う

プラグインをインストールせずにGTmetrixを使いたい場合は、GTmetrixのホームページにアクセスし、URLを入力するだけだ。

GTmetrix Test Without a Plugin

サイトをテストした後、プラグインと同じように詳細なレポートが表示されます。

この方法の欠点は、さまざまなレポートを保存できず、サイトの速度が向上しても比較できないことだ。

サイトパフォーマンスを向上させるボーナスのヒント

GTmetrixのスピードチェックは、多くの情報を表示してくれます。しかし、IsItWPウェブサイトスピードテストツールや Pingdomのような、別のウェブサイトスピードチェックツールを使って結果を比較することもできます。

もし、あなたのサイトのパフォーマンススコアがまだ低いようであれば、詳細な項目を見て、ひとつひとつ改善していけばいい。しかし、これは初心者には専門的になりすぎる可能性があります。

ここでは、特別なスキルを必要とせず、サイトのスピード問題を即座に改善するための簡単なヒントをご紹介します。

1.最適なWordPressホスティングサービスを利用する

低品質のWordPressホスティングサービスを使用している場合、サイトのパフォーマンスを向上させるためにできることはあまりありません。

高速ホスティングサービス会社トップ3をご紹介します:

  • Bluehost– お値打ち価格+ビルトインキャッシュ付き。
  • SiteGround– プレミアムWordPressホスティングサービス+ビルトインキャッシュ+Googleクラウドを使用しています。WPBeginnerではSiteGroundを使用しています。
  • WP Engine– パフォーマンスの最適化でトップクラスのマネージドWordPressホスティングサービスプロバイダー。

2.WordPressキャッシュプラグインの設定

WordPressのトップホスティングサービス会社はすべて、ビルトインのキャッシュソリューションを提供しており、これを有効にすることでサイトの速度を向上させることができます。しかし、WordPressキャッシュプラグインを使用してサイトのパフォーマンスを向上させることもできます。

キャッシュは、サイトが新しいリクエストを実行する代わりに、一時ファイルからページを読み込むことを可能にします。市場で最高のWordPressキャッシュプラグインであるWP Rocketの使用をお勧めします。

3.ページの読み込みを速くするための画像の最適化

画像はテキストよりも読み込みに時間がかかるため、ページに画像が多いとサイトの表示速度が遅くなります。一方、画像はユーザーとのエンゲージメントを高めるために重要であり、避けることはできません。

その解決策は、WordPressの画像を最適化してページ読み込みを高速化することです。同じ画像を使用しますが、ファイルサイズは小さくなります。

4.WPBeginner Proサービスを利用する

サイトの高速化のために専門家の助けをお探しですか?WordPress の専門家チームは、サイトの最適化とパフォーマンスの向上を専門としています。

総合的なサイトスピードとサイトパフォーマンスレポートを作成し、その情報をもとに、ページの読み込み時間、サーバーパフォーマンス、WordPress SEO のさまざまな技術的側面を改善するための実証済みの対策を講じます。

サイトスピード最適化サービスの料金は699ドルからです。

WPBeginner Professional Services: Site Speed Optimization Service

サイトの読み込みをさらに速くするためにできることはまだまだたくさんあります。初心者のためのWordPressスピード&パフォーマンスガイドでは、サイトスピードを向上させるためのステップバイステップの手順をご紹介しています。

GTmetrixプラグインを使ってWordPressサイトのパフォーマンスを向上させる方法について、この記事がお役に立てれば幸いです。また、WPBeginnerのページ読み込み速度を向上させる方法のガイドと、エキスパートが選ぶ最高のウェブサイト速度テストツールもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

8件のコメント返信を残す

  1. Christopher Ohlsen

    Nice post about GTmetrix. I agree with that GTmetrix is awesome (paraphrasing) with one caveat… Though I could probably somehow fix my issue within account settings. Here it is; it doesn’t seem to be recognizing maxcdn. My site is much much faster since I began using maxcdn. I definitely am using cdn but it says that I’m not… Not sure why this is but it even shows the netdna url in the links under the tab that says I’m not using CDN. Also, my Yslow score is slighly higher in the firefox & chrome Yslow addons which do recognize maxcdn… Still, it is an awesome site that I have been able to use to increase my page load speeds significantly.

    • Editorial Staff

      When using custom CDNs like MaxCDN, these providers do not recognize them by default. You have to edit your browser settings to let them know that the netdna URL is actually a CDN. So in short these tools are a good reference point, but not entirely perfect when it comes to detecting CDN.

      管理者

  2. Matthew

    Hey, GTMetrix provides optimized versions of the images on my site that I can save and use to replace my original, unoptimized images. Though, I have a few thousand images on my website and saving each optimized image, in order to replace all of my original images, take a really long time.
    What exactly does GTMetrix use to provide me with a list of reoptimized and compressed images?
    I tried the smush.it plugin for wordpress, but sadly GTMetrix still tells me that I can compress some of my images by up to 50% or so.
    I have even emailed them, but no reply. I am already using a CDN, but it’s just not as fast as I need.

  3. M Copinger

    Thanks for letting us know of this plugin, i have been using it for about a week now not knowing they have a plugin. great article and continue such a good job

  4. Matej Latin

    I don’t see a point using a plugin while you can use the Pingdom tools. It’s not you’re going to test this every day…

  5. leena

    Hello, these are some of the useful tips that i am unaware of mostly. I will try if I can make to do this kind of task. Thanks for shearing.

  6. Ivan Lim

    Loving this tool… good point about YSlow not picking up CDNs helps explains some of the differing speed reports.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。