WordPressサイトを高速化し、2秒未満で読み込む10のスマートな方法

, , Leave a comment

WordPressウェブサイトの読み込み時間を短縮したいですか?

ええと、WordPressのWebサイトを高速化するための10の実証済みの手順を紹介します。

このガイドのすべてのトリックを実装した後の結果は次のとおりです。

ShoutMeLoud WordPress SpeedUPガイドの使用方法:

このチュートリアルをできる限り初心者にわかりやすいものにするために最善を尽くしましたが、それでも、最大限に活用するにはマインドフルネスが必要です。最近では、すべてのWordPress Webサイトが同じというわけではありません。 WordPressを次のように使用している可能性があります。

ブログ
会員ウェブサイト
WooCommerceウェブサイト
学習管理システム
企業ワードプレスのウェブサイト
または、それは別の何かである可能性があります。

ただし、以下で説明する方法論の大部分はすべてのWordPress Webサイトに適用され、それらの一部は特定のタイプのWebサイトに使用されます。たとえば、後の段階で、WordPressの一時的なオプションの詳細を共有しました。これは、WooCommerceまたはEDDを使用するメンバーシップサイトやWordPressに適用されます。

また、私は以下のWordPressパフォーマンスブースターオプションすべてに無料のプラグインを提案するために最善を尽くしました。ただし、すべてを行う1つのプラグインを使用するのが賢明です。

私はWP-Rocketがこの点で最も優れていることを発見し、それをここでShoutMeLoudで使用しています。 WP-Rocketプラグインのライセンスを取得するだけです。

そのため、この単一のプラグインが他の必要な複数のプラグインを備えているすべての機能を提供するため、4-5プラグインをインストールする必要はありません。

WP-Rocketはパズルの半分しか解決しません。その高速のWordPress Webサイトを実現するには、さらに多くの必要があります。このガイドを進めるにつれ、その基本を学び、独自に実装できるようになります。

先に進みましょう。

WordPress SpeedUPガイドを始める前に:

最初にすべきことは、WordPressウェブサイトの速度を測定することです。

実行速度テスト:

使用できるWordPress速度テストツールの一部を以下に示します。

GTMetrix
Web.dev
Tool.Pingdom.com
GoogleによるPage Speed Insights
ウェブページテスト
TTFBチェッカー(最初のバイトチェッカーまでの時間)
次に、結果のスクリーンショットを撮って保存するか、便利な場所に書き留めます。

下記のWordPress速度最適化手順の実装が完了したら、速度テストを再実行して、結果の前後を比較できます。

まず最初に:WordPressのバックアップを取ります:

WordPressの微調整を始める前に、WordPressデータベースのバックアップを取る必要があります。

データベースレベルで最適化を行うため、やむを得ない場合に備えて、バックアップを取るとセーフティネットが追加されます。これらのWordPressバックアッププラグインのいずれかを使用できます。

これらのWordPress高速化テクニックをすべて適用する必要がありますか?
ヒントの一部はすぐに適用でき、大幅な速度向上を実現できます。

ただし、開発者の関与が必要な、またはプレミアムDNSを使用したCDNの実装などのより技術的なノウハウが必要になる可能性があるヒントの一部は、長期にわたって使用できます。

あなたの目標は、WordPress Webサイトの読み込み時間を短縮するために、これらのトリックをできるだけ多く使用することです。

今後数日間は、すべての速度最適化のヒントを実装して、1秒未満の読み込み時間という最終的な目標を達成することを目指してください。

数日前に、GoogleがSpeedに基づいてWebサイトのランキングを開始したことをお知らせしました。それ以来、誰もがブログの読み込みを速くする必要がない理由を理解しました。

読み込み時間が速いため、検索エンジンだけでなく、読者も役立ちます。これは素晴らしいユーザーエクスペリエンスを提供するだけでなく、ブログの直帰率の削減にも役立ちます。それでもなお、

本日は、WordPressの高速化とWordPressの読み込み時間の短縮に役立つ7つのヒントを紹介します。最終目標は、ユーザーに高速読み込みページを提供することです。

WordPressを高速化するための実証済みのヒント:ロード時間を改善する方法
1.最新のPHPを使用する– 7.0以降
この1回の変更だけで、WordPressの速度が約1.5倍に向上する可能性があります。多くのWordPress Webサイトでは、PHPの非推奨バージョンであるPHP 5.6がまだ使用されています。最新のバージョンはPHP 7.4で、パフォーマンスが大幅に向上しています。

PHPの部分はWebホスティング会社によって処理され、WordPressサイトが実行されている既存のPHPのバージョンを手動で確認することも、カスタマーサポートに問い合わせることもできます。

WordPress Webサイトが実行されているPHPのバージョンはどれですか?

7.0(5.6)未満の場合は、最新のPHPバージョンにアップグレードするように依頼できます。

Bluehostホスティングを使用している場合は、このチュートリアルに従ってBluehost PHPバージョンを更新できます。

2. WordPressと速度に最適化された高品質のWebホスティングを選択します。
この1回の変更だけで、WordPress Webサイトを大幅にスピードアップできます。

どうやって知るの?

これは、ShoutMeLoudを基本的なホスティングからKinstaと呼ばれるマネージドホスティングに移行したときに経験したものです。

私たちの多くは、WordPressサイトをホストするローカルのWebホスティングプロバイダーを利用して間違いを犯しています。通常、このようなホスティングは、デザイナー/開発者、または私たちのサークルで知られている誰かによって推奨されています。

彼らは最高ですか?

まあ、あなたの速度テストは同じことを明らかにする可能性があります。

WordPressブログを実行するために最適化されたホスティング会社のみを選択することを忘れないでください。

SiteGround is疑いもなく、共有ホスティングのカテゴリーで最高品質のサーバーを提供しています。

WordPressのSiteground Hosting
WordPressでビジネスWebサイトを運営している場合、またはプロのブログを持っている場合は、Kinstaからホスティングを取得する必要があります。

Kinstaは、WordPressサイトの読み込み時間をすぐに削減する多くの高度な機能を提供します。これらの機能の一部は次のとおりです。

プレミアムDNS
無料CDN
PHP 7.4
Kinsta MU(内蔵キャッシュ)
Kinstaは、Googleクラウドインフラストラクチャを使用してWordPressウェブサイトをホストします。これにより、豊富なデータセンターオプションから選択できます。

WooCommerceプラットフォームを使用している場合は、次のホスティングのみを使用してください。

SiteGround
キンスタ
3. WordPressプラグインを使いすぎないでください
WordPressの最も重要な機能の1つはプラグインであり、プラグインに夢中になっているため、ブログで30〜40を超えるプラグインを使用しています。まあ、すべてのプラグインが悪いわけではなく、私はあなたが使うべきWordPressプラグインの数についての素晴らしい記事をカバーしました。

ブログのプラグインの数を最小限に抑え、データベースを定期的にクリーンアップしてください。高度なデータベースクリーナープラグインを使用すると、すぐにそれを実行できます。

ブログで少なくとも1つのキャッシュプラグインを使用していることを確認してください。WP-Rocketプラグインをお勧めします。経験則の1つとして、古いプラグインを削除します。

多くのユーザーから、「WordPressプラグインを高速化するにはどうすればよいですか?」

これを行う最善の方法は、使用するWordPressプラグインを少なくすることです。可能な限り、必要な機能を追加するためのカスタムコードを入手してください。

別の方法は、アセットクリーンアッププラグインと呼ばれるプラグインを使用して、特定のページでのスクリプトのロードをブロックすることです。これを行う方法については、以下のビデオをご覧ください。

4.画像を最適化して高速読み込み
WordPressの画像の目標は次のとおりです。

最高品質
効率的なデータ圧縮
小さいファイル
画像はビジュアルWebのバックボーンであり、記事や製品ページで使用する画像が多すぎる場合は、ページの読み込みが遅い可能性があります。

平均的なWebサイトは、URLあたり800〜900 kbの画像を転送します。

関連する画像を統合して投稿を説明的にすることは良いことですが、あまりにも多くのことは良くありません。

写真を多用するブログがある場合はどうしますか?

スピードのための画像最適化が必要です。写真を多用するWordPress Webサイトのパフォーマンスを向上させるために、すぐにできることがいくつかあります。

CDNを使用する:できればStackPath(以前はMAXCDN)
適切な画像形式を使用します。
適切な画像フォーマットを使用すると、画像のサイズが大幅に縮小されます。時々、ファイル形式を.pngから.jpgに変更するだけで、サイズが80%削減されました。

チームにグラフィック担当者がいる場合は、フォトショップを使用して画像を圧縮するよう依頼してください。私たちの経験では、品質を損なうことなく画像サイズを小さくするための最良の方法でした。

使用する必要があるもう1つの技術は、画像圧縮と画像遅延読み込みです。これらの方法はどちらも、画像を使用しているあらゆる種類のWordPressページを高速化することが証明されています。

バルク画像最適化ショートピクセル
このプラグインをShortPixelと呼び、WordPress画像を最適化します。毎月100の無料の画像最適化を提供し、次のことも実行できます。

Webp画像形式を提供する(これは非常に役立ちます)
既存の.png画像を.jpgに変換する
さまざまなレベルの圧縮
古い画像のワンクリック圧縮
新しい画像の自動圧縮
ShortPixelプラグインがどのように機能するかについては、以下のビデオをご覧ください。

5.モダンで高速なWordPressテーマを選択します。
2016-17で設計された古いWordPressテーマをまだ使用している場合は、アップグレードする必要があります。過去数年間で多くの変化があり、現在、ほとんどのテーマはより高速にロードできるように設計されています。

さらに、モバイルやタブレットでブログをより速く読み込むために、本当にレスポンシブなテーマを使用していることを確認する必要があります。

高速読み込みのWordPressテーマの推奨事項を探している場合は、その中で最高のWordPressテーマであるAstraテーマをお勧めします。

2019年に非常に人気のある2つを次に示します。

アストラ
GeneratePress
6.アイドル状態のオーディエンスに最も近いサーバーの場所を選択します。
ほとんどのWebホスティング会社では、Webサイトがホストされているデータセンターを選択できます。ターゲットオーディエンスの国がわかっている場合は、アイドル状態の顧客に最も近いデータセンターを選択する必要があります。

Kinstaを使用する場合は、GCPingツールを使用して、現在地からKinstaサーバーが提供するさまざまなデータセンターまでのレイテンシを確認できます。

あなたが選ぶことができる最も速いWordPressホスティングのリストはここにあります。

7. CDNネットワークを使用して配信を高速化します。
ほとんどの場合、特定の地理位置でWebサイトをホストします。

たとえば、Bluehostからホスティングを購入した場合、あなたのウェブサイトは米国にある可能性が高いです。現在、アジアの国やオーストラリアのユーザーがサイトを閲覧する場合、サイトの読み込みにかなりの時間がかかります。

理由は、ユーザーとサーバーの間の距離です。

解決策は何ですか?

まあ、あなたはCDNネットワークを使うことができます。

CDNはこの問題を解決するのに役立ち、あなたのウェブサイトは世界中のどこにでも素早くロードされます。

注:Cloudflareは無料のCDNサービスを提供しており、あらゆる種類のブログで使用できません。

ここでは、他の寄稿者がCDNについて詳細に説明しています。以下のリンクからCDNエキスパートになることができます。

CDN(コンテンツ配信ネットワーク)とは何ですか?その利点は何ですか?
WordPressに最適なCDN
8.広告やスクリプトが多すぎないようにする
ブログにあまり多くの広告を表示しないでください。多くのPPC広告は不要なHTMLコンテンツでいっぱいであり、サイトの読み込み時間に大幅な影響を与える可能性があります。

広告が必要な場合は、Google AdSenseまたはMedia.netを使用する必要があります。GoogleAdSenseまたはMedia.netは最適化されており、CPCが最適になるためです。

現在、多くの場合、サードパーティのスクリプトを削除することは不可能です。最善の解決策は、スクリプトの読み込みを遅らせることです。私は最近、「フライングスクリプト」と呼ばれるこのプラグインを見つけました。このプラグインを使用してスクリプトのロードを遅延させた後、GTMetrixテストは4.6秒から1.4秒に改善しました。

これは私が使用しているプラ​​グイン設定ですが、使用しているスクリプトに従ってカスタマイズする必要があります。

フライングスクリプトの設定
9. DNSルックアップを削減します。
DNSルックアップは、WordPressウェブサイトの読み込み時間を増加させる理由の1つである可能性があります。

私たち全員が分析、統計、コンバージョンの最適化などの理由で大量のサードパーティスクリプトを使用しているため、これは非常に一般的な問題です。

最初にすべきことは次のとおりです。

tools.pingdom.comにアクセスしてください
速度テストを実行する
一番下までスクロールして、DNSの読み込み時間に基づいて結果を読み込みます
次のスクリーンショットのような結果が表示されます。

このWebサイトにロードされているすべてのサードパーティスクリプトと、DNSルックアップに費やしている時間を簡単に確認できます。 60分間隔で3〜4回テストを実行することをお勧めします。ここでのアイデアは、どのホストがDNSルックアップ時間を最大にしているかを見つけることです。

ここで、DNSルックアップを最小限に抑えるために使用できるいくつかの方法を示します。

1.スクリプトを削除または置き換えます。
スクリプトがDNSルックアップ時間を長く取っている場合は、それを取り除くか、より適切なものに置き換えます。

2.高速DNSプロバイダーを使用する
ドメインをNameCheap、GoDaddyなどのサービスから購入した場合、DNSリゾルバーはCloudflare、Amazon route 53、またはGoogleドメインで提供されるものほど高速ではありません。

ドメインをCloudflareまたはGoogleドメインに移動することを検討できます。私は個人的に、ドメインをホスティングするCloudflareのファンです。

ドメインを移動したくない場合でも、ドメインを既存のレジストラに保持し、プレミアムのような無料のDNSサービスを使用するようにCloudflareを構成できます。

3. CDNの使用を開始する
以前にCDNの使用について話しましたが、ここでも追加します。ここでの私の考えは、CDNがどのような状況で最大の助けになるかを理解できるようにすることです。

DNSルックアップがWordPressウェブサイトの読み込みが遅い原因であることがわかった場合は、すぐにCDNを使用する必要があります。

CDNを使用すると、DNSルックアップの数が大幅に削減され、速度がすぐに向上します。 IMHO、本当にWordPressを高速化したいのなら、CDNを使うことはもう選択肢ではありません。

4. WordPressでDNSプリフェッチを実装する
WordPressでのDNSプリフェッチ
WordPressの速度パフォーマンスを向上させるもう1つの手法は、DNSプリフェッチ手法を使用することです。 Google Chromium DevプロジェクトがDNSプリフェッチを説明する方法は次のとおりです。

DNSプリフェッチは、ユーザーがリンクをたどろうとする前にドメイン名を解決しようとする試みです。これは、コンピューターの通常のDNS解決メカニズムを使用して行われます。 Googleへの接続は使用されません。ドメイン名が解決されたら、ユーザーがそのドメインに移動しても、DNS解決時間による実質的な遅延はありません。

DNSプリフェッチが役立つ最も明白な例は、ユーザーが検索結果ページなど、さまざまなドメインへのリンクが多数あるページを表示している場合です。ページでハイパーリンクに遭遇すると、それぞれからドメイン名を抽出し、各ドメインをIPアドレスに解決します。

このすべての作業は、最小限のCPUとネットワークリソースを使用して、ユーザーによるページの読み取りと並行して行われます。ユーザーがこれらの事前解決された名前のいずれかをクリックすると、ナビゲーションで平均して約200ミリ秒節約されます(ユーザーが最近ドメインにアクセスしていない場合)。平均的な節約よりも重要なことに、ユーザーはDNS解決の「最悪の場合」の遅延を経験する傾向がありません。これは、通常1秒を超えます。

これを書いている時点では、すべての主要なブラウザがDNSプリフェッチをサポートしています。

WordPressでは、プラグインまたはカスタムコードを使用してDNSプリフェッチを有効にできます。

最も簡単な方法は、WP-Rocketプラグインを使用することです。これは約47ドルの費用がかかるプレミアムキャッシュプラグインであり、これをここでShoutMeLoudで使用しています。このプラグインは、DNSリクエストをプリフェッチする機能を提供し、パフォーマンスを大幅に向上させます。

プリロードキャッシュ
または、同じ仕事をするSimple DNS prefetchプラグインを使用することもできます。

10.一時的なオプションを削除する
期限切れの一時オプションを削除することで、パフォーマンスを大幅に向上させることができます。特に、WordPressメンバーシップWebサイトを実行している場合、またはWooCommerce、EDD、さらにはソーシャル共有プラグインなどを使用している場合は、このWordPress高速化のヒントが役立ちます。何よりもまず、一時的なものを理解しましょう。

WordPressトランジェントとは:
Transients APIは、開発者が期限付きでデータベースにデータを保存するのに役立ちます。通常、データベース内の期限切れの一時的なものは自動的に削除されますが、常にそうであるとは限りません。ときどき、データベースがそこに留まってデータベースが肥大化し、パフォーマンスの遅延とロード時間の大幅な短縮にコストがかかることがあります。

解決策は簡単です:期限切れの一時的なオプションを削除します

このオプションは、すべてのデータベースオプティマイザープラグイン、またはWP-Rocketでも使用できます。ただし、期限切れの一時的なオプションを削除するスタンドアロンプ​​ラグインを探している場合は、Pippin WilliamsonによるこのTransients Managerプラグインを使用してください。

WordPressトランジェント
プラグインをインストールした後、[ツール]> [一時]に移動して、WordPress一時オプションを管理および削除します。

WP-Rocketプラグインのユーザーは、このオプションを[データベース]> [一時クリーンアップ]で見つけることができます

WP Rocketデータベースの設定
SMLワードプレスのパフォーマンスがスピードアップする結論:ユーザーの観点から考える
速度にこだわっても問題ありませんが、GTMetrixやPingdomなどのツールで表示される数値だけに頼るのではなく、よりユーザーフレンドリーなメトリックに焦点を当てます。

TTFBや最初の意味のあるペイントのようなものが高くても、ページが2秒未満で読み込まれている場合でも、Googleアナリティクスやその他の統計プログラムでこれの効果を確認できます。

最適化しながら訪問者を念頭に置くことは、時間の経過とともに構築した重要なスクリプトや機能を手放さないようにするのにも役立ちます。速度に加えて、変換を念頭に置いてください。そうすれば、長期的には多くのことを助けます。

わかりました。これが、ブログの読み込み時間を最適化するために提案できるいくつかの簡単な手順です。

WordPressウェブサイトの速度を向上させるのに役立つその他のトリックを教えてください。

 

Leave a Reply