ウェブサイトの速度を最適化するためのビギナーズガイドあなたの遅いサイトを修正する

あなたのウェブサイトの全体的な速度を上げる方法がわかりませんか？

ウェブサイトの速度は現代のSEOの基本的な部分であり、私を信じてください。 それはランキングに即座にそして重要な影響を及ぼします。

私のウェブサイトTheGuideXにアクセスしたことがある場合は、私のサイトが1秒未満で読み込まれることに気付くでしょう（以下にGTmertixの結果も添付しました）。

GTmetrixによると、TheGuideX.comのPageSpeedスコアは100％で、YSlowスコアは約95％で、読み込み時間は0.9秒、HTTPリクエストはわずか23です。 すごい。

…そしてここに私がVPNについてブログを書いているTheVPNCoupon.comの別のレポートがあります。

GTmetrixによると、他のブログ（TheVPNCoupon.com）のPageSpeedスコアは約99％、YSlowスコアは23-HTTPリクエストで95％であり、このWebサイトも1秒未満で読み込まれます（ただし、これを読み込むのに800ミリ秒しかかかりません） Webサイト）。

2秒未満で読み込まれるWebサイトは、許容可能な読み込み速度と見なされます。 ただし、読み込み速度を上げるために、できる限りサイトを最適化することを常にお勧めします。

では、Webサイトの速度を最適化するために何をしますか？ また、サイトを最適化するために技術的または開発的なスキルが必要ですか？

答えはいいえだ; Webサイトを最適化するために、技術的なスキルや開発スキルは必要ありません。 いくつかのWordPressプラグインとCDNを使用して簡単に行うことができます。 そしてあなたのサイトを最適化するために、最初に、あなたはより良いウェブホスティングプランを必要とします。

アマチュアブロガーのほとんどはここで失敗しました、彼らが彼らのサイトを最適化するように私に頼んだとき、私は彼らが彼らのサイトで安い共有ホスティングプランを使用していたことに気付きました、そして安いホスティングプランを使用することは決してウェブサイトを速くすることができません。

VPSの基本的な知識がある場合は、最初にWebサイトをDigitalOceanまたはCloudwaysに移行することをお勧めします。また、cPanelベースのホスティングが必要な場合は、SiteGroundに変更できます。

また、Webサイトでは必ずCDNを使用してください。 無料のCDNプロバイダーをお探しの場合は、Cloudflareをお勧めします。 ImageKit for Image CDNを使用することもできます（これは私のWebサイトで使用しており、リアルタイムで画像を最適化するのに役立ちます）。

速度最適化手法を深く掘り下げる前に、まず学習します

なぜスピードが重要なのですか？

では、Webサイトがロードされるのをどのくらい待ちますか？

まあ、統計によれば、私たちの半分、そして私に関してさえ、私はウェブサイトがロードされるのを2秒待ちたくありません。

そのため、自分のWebサイトが1秒以内またはできるだけ速く読み込まれるようにしたかったのです。 そして今日は、速度を最適化するためにWebサイトで使用しているのとまったく同じ方法を共有します。

しかし、なぜWebサイトの速度が重要なのでしょうか。 そして、ほんの数秒でどのような違いが生まれますか？

答え？ それは大きな違いになります！

しかし、それがどのように大きな違いを生むのでしょうか？ 速度が重要である理由について詳しく知るために、詳細なレポートを見てみましょう。

1.遅いウェブサイトはコンバージョンを殺します：

遅いウェブサイトはあなたのウェブサイトの変換を殺すことができます。

あなたがeコマースのウェブサイトであり、あなたのウェブサイトがロードされるのに約4秒かかると想像してみましょう。 また、さまざまなレポートによると、読み込みに3秒以上かかると、40％の人がサイトを離れることができます。

したがって、この意味で、Webサイトが毎月約100,000のトラフィックを受信し、Webサイトの読み込みに約4秒かかる場合、最大40,000人がサイトを放棄する可能性が高くなります。

このようにすると、40％の人が失われるため、ウェブサイト全体のコンバージョンにも打撃を与えます。 このように、ウェブサイトの速度は、コンバージョンを増やすために非常に重要です。

2.スピードとユーザーエクスペリエンスを期待します：

すでに述べたように、読み込みに3秒以上かかると、40％の人があなたのウェブサイトを離れます。 そして、私はいつもサイトを離れますが、ロードには2秒以上かかります。

WTHはウェブサイトをロードするために2秒待ちますか？

2秒待てないのなら、読者がそんなに長く留まることは期待できません。

優れたユーザーエクスペリエンスに関係する主な要因は2つあります。

1. 訪問者に探しているものを提供し、
2. 彼らに早くそれを与える。

あなたがあなたのウェブサイトで最適化することを考えることができるグーグルの新しいページ経験のいくつかのより多くのランキング要因はここにあります。

そして、訪問者が混乱してイライラするとすぐに、それは私たちが何か間違ったことをしたことを意味し、遅い読み込み時間ほどイライラするものはありません。

ウェブサイト全体のパフォーマンスを本当に向上させたい場合は、ウェブサイトの読み込み速度を最優先する必要があります。

3.ウェブサイトの速度はあなたのGoogleランクに影響します：

最後になりましたが、重要なのは、それがグーグルのランキングを支配しているということです。

グーグルはすでに彼らがウェブ全体を速くするために努力していることを告白しました。 彼らはウェブサイトを超高速で、より信頼性が高く、そして便利にすることを使命としています。

読み込み速度が良くないと実現できず、読み込み速度の速いサイトを優先しています。 そして私の知る限り、彼らは2010年に、読み込み速度が速いWebサイトをわずかに優先すると発表しました。

また、SERoundtableのレポートによると、ウェブサイトがコンテンツの読み込みに2秒以上かかる場合、Googleはサイトに送信するクローラーの数を制限する場合があります。

それがあなたのサイトの場合であるならば、グーグルはあなたの最新のブログ投稿を好んでフェッチしたり、最近の更新に気づいたりする可能性が低くなります。 そしてそれは確かにあなたのウェブサイトを傷つけるでしょう。

したがって、速度が重要です。これは、Webサイトの変換に影響します。 ユーザーエクスペリエンスに影響し、検索エンジンのランキングにも影響します。

今のところ、あなたは高速読み込みのウ​​ェブサイトがいかに重要であるかを学んだと確信しています。

そして今、あなたのウェブサイトの全体的な速度を最適化するのに役立つ特定のテクニックに移る前に、あなたのウェブページの速度を分析するのに役立つツールをレビューする時間を取りましょう。

ウェブサイト速度テストツール

さて、ウェブサイトの速度の最適化が重要です！ さて、あなたはどのようにあなたがどこにいるのかわかりますか？

つまり、あなたのウェブサイトは遅いですか？ それは真ん中ですか、それとも電光石火の速さですか（それでは、おめでとうございます、おそらく読むのをやめることができます！）。

知る唯一の方法はあなたのウェブサイトをテストすることです。 私たちのウェブサイトの速度を測定するためのサイトはたくさんありますが、このガイドでは、私が個人的に使用することを好むいくつかのツールのみを共有します。

1.GTmetrix

GTmetrixは、Webサイトのパフォーマンスをチェックするための最良のツールの1つです。 このツールは、カジュアルなユーザーや開発者に適したオプションです。

GTmetrixは、便利で詳細な最適化を多数備えた、ユーザーフレンドリーな設計を提供します。 このツールを使用するには、Webサイトのリンクを配置し、[分析]ボタンをクリックするだけです。

「分析」ボタンをクリックすると、Webサイトの詳細な分析が表示されるまでに数秒または場合によっては1分かかります。

また、GTmetrixの結果をさらに深く掘り下げて「推奨事項」セクションを展開すると、Webサイトに固有の推奨事項が表示されます。 「これはどういう意味ですか？」をクリックすることもできます。 これらのエラーと最適化について詳しく知るために。

「推奨事項」とは別に、Webサイトが使用するすべての外部ファイルと内部ファイルのDNSルックアップ時間も表示されます。 開発者または技術的なスキルがある場合は、サイトをさらに最適化するのに役立ちます。

2. Pingdom

Pingdomは、WordPressの速度を最適化するためのもう1つの最も効率的で優れたツールです。 初心者または開発者の場合、このツールはWebサイトを効率的にテストし、サイトを最適化するための推奨事項を支援します。

このツールを使用するには、Webサイトのアドレスを入力し、「テスト場所」を選択します。 テスト場所を選択したら、「テストの開始」ボタンをクリックすると、ページの分析が開始されます。

GTmetrixと同様に、深く掘り下げると、Webサイトを最適化するためのさまざまな推奨事項が表示されます。 さらに下に、サイトの特定のリクエストに関する情報とウォーターフォール分析を見つけることができます。

このツールは、Webサイトの速度を向上させるのに非常に役立ちますが、その恩恵を受けるには高度な知識が必要です。 KeyCDNによるウォーターフォール分析に関する投稿を読んで、詳細を確認することもできます。

3. Google PageSpeed Insights

ウェブサイトをテストするためのもう1つの最適なツールは、GoogleのPageSpeedInsightです。 このツールは、Webサイトを最適化するための提案を提供するだけですが、Webサイトの速度テスト結果を共有することはありません。

しかし、それは変わりました。 これで、GoogleはFirst Contentful Paint（FCP）とDOM Content Loaded（DCL）の両方のページ読み込み時間を共有します。 これらの速度メトリックについて詳しくは、Googleの公式デベロッパーページをご覧ください。

ページ速度スコアが低く、読み込み時間が短い場合は、このガイドが最適です。 このガイドを最後まで読んで、GooglePageSpeedInsightやその他のウェブサイトでウェブサイトを適切に最適化することができます。

また、Flash of Invisible Text（FOIT）を解決して、Webサイトのフォントを最適化するためのその他のガイドを確認することもできます。

4. WebPageTest

最後になりましたが、Webサイトの速度をチェックするために使用されるツールはWebPageTestです。 このツールは、機能の深さとそれが提供するデータの点で、最も高度なWordPress速度テストツールの1つです。

WebPageTestツールを使用してWebサイトの速度を確認する場合、いくつかの詳細設定を使用してWebサイトを分析できます。 これらの詳細設定を使用して、次のことができます。

GoogleSearchのJohnMuellerによるこのツイートをチェックする場合、彼はWebサイトの読み込み速度をチェックするためのWebPageTestツールも推奨しています。

これらのオプションと混同している場合は、「簡単なテスト」タブを試してみることをお勧めします。 全体として、このツールはWebサイトの速度をテストするのに最適であり、開発者の場合は、Webサイトの修正に大いに役立ちます。

これまで、高速読み込みのWebサイトと、Webサイトの速度をチェックするためのツールの重要性を学びました。

今、あなたのウェブサイトを正しく最適化するためのテクニックを共有する時が来ました。

このチュートリアルでは、キャッシュプラグインを使用してCSS、JS、HTMLを最適化する手順、または他の人と同じようにCDNを使用する手順を共有するだけでなく、これらの最適化を行うための最もアクセスしやすい方法を共有します。正しく。

これらの方法は、例を使用すると単純で最も単純です。

ただし、これらの方法を続行する前に、WordPressリポジトリで無料で入手できるUpdraftBackupプラグインを使用してWordPressWebサイトのバックアップを作成することをお勧めします。

WordPress Webサイトのバックアップを取得したら、サイトの最適化を続行できます。

では、どのように…

あなたのウェブサイトを最適化する

これで待機は終了です。

ここでは、ウェブサイトを最適化するために常に使用している方法を共有しています。 同じ手法に従って、ブログ、マイクロニッチ、およびeコマースストアを最適化できます。

1.高速で信頼できるWebホスティングの選択

したがって、最初のステップは、信頼できる高速なWebホスティングプロバイダーを選択することです。

すでに述べたように、人々が私に彼らのウェブサイトを最適化するように頼むとき、私は彼らが彼らのサイトで安い共有ホスティングプランを使用していたことに気付きます、そして安いホスティングプランを使用することは決してウェブサイトを速くすることはできません。

したがって、安価な共有ホスティングプランを使用している場合は、最初に現在のWebホスティングプロバイダーから信頼できるプロバイダーに移行することを強くお勧めします。

高速で最高のウェブホスティングプラットフォームを私に求められた場合、私は常にDigitalOceanをお勧めします–しかし、DigitalOceanドロップレットを管理するにはいくつかの技術的なスキルが必要です。 簡単で便利ですが、サーバー上の任意のコントロールパネルを使用できます（私はすべてのプロジェクトでDigitalOceanを個人的に使用しています）。

これらのパネルには、ServerPilot、VestaCPなどを含めることができますが、WordPressをインストールするための最も簡単なコントロールパネルの1つであるServerPilotを使用することを常にお勧めします（ServerPilotで$ 10の無料クレジットを取得するにはここをクリックしてください）。

また、初心者でcPanelベースのホスティングが必要な場合は、SiteGroundを使用することもできます。 SiteGroundは、中小企業やWebサイト向けの最高の信頼できるWebホスティングプロバイダーの1つです。

1.1推奨されるホスティング

1.2推奨されないホスティング

2.最適化されたWordPressテーマの選択

WordPress Webサイトのテーマを選択するときは、速度が最適化されたテーマを選択することが不可欠です。 美しく印象的なテーマの中には、コーディングが不十分なものがあり、Webサイトが非常に遅くなる可能性があります。

また、Webサイトで最適化されたテーマを使用していない場合は、速度を最適化するためのこれらの方法が機能する可能性は低くなります。

私は通常、派手で巨大なアニメーションや複雑なレイアウトのテーマよりも、シンプルでクリーンなUIを備えたテーマを使用することを好みます。 信頼性が高く高品質のWordPressプラグインを使用して、これらの機能をいつでも追加できます。

テーマの推奨事項が必要な場合は、StudioPress、MyThemeShop、GeneratePressのプレミアムWordPressテーマをお勧めします。 これらのマーケットプレイスのテーマは、速度とSEOの両方に最適化され、適切にコーディングされています。 （私は個人的に自分のWebサイトでGeneratePressテーマを使用することを好みます）

また、速度とSEOに最適化されたもう1つのテーマであるAstraを確認することもできます。 GeneratePressと同様に、このテーマにも多くのカスタマイズオプションが付属しており、70万以上のアクティブなインストールがあるWordPressリポジトリで最もダウンロードされているテーマの1つです。

2.1推奨テーマ

これまで、信頼できる高速のWebホスティングプロバイダーと高速で信頼性の高いWordPressテーマについて説明してきました。

これらの2つのことは、いくつかのWordPressプラグインを使用してブログ/ウェブサイトを最適化することに関する3番目のステップに移行するために不可欠です。

3.WordPressプラグインを使用した最適化

したがって、いくつかのプラグインを使用してWordPress Webサイトを最適化することについて説明する前に、すでに2つのことを処理していることを前提としています。

これらの2つのボックスにチェックマークを付けると、さまざまなプラグインを使用してWordPressの最適化に進み、Webサイトの読み込み速度を高速化する包括的な方法を検討できます。

3.1WPロケットでサイトを最適化する

したがって、WordPressの速度最適化に使用する最初のプラグインはWPRocketです。

WP Rocketは、最高のWordPressキャッシュプラグインの1つであり、Webサイトの読み込みを高速化するのに役立ちます。 これは、数回クリックするだけでWebサイトのパフォーマンスを向上させるための、多くのカスタマイズを備えた初心者向けのツールです。

プラグインは最適化に役立ちます。

これで、このプラグインの使用の基本を理解できました。 次に、WP-Rocketキャッシュプラグインを使用してWebサイトを正しく最適化する方法を示します。

他のキャッシュプラグインを使用している場合は、WP-Rocketに移行することをお勧めしません。

これは、キャッシュ用の最も簡単でありながら最高のプラグインの1つであり、他のキャッシュプラグインのように設定を台無しにする必要はありません。 クリックするだけで、準備が整います。

それで…

WP-Rocketを効果的に使用する方法は？

WP-Rocketプラグインには多数の機能がありますが、Webサイトを高速化するために、どの設定をアクティブにする必要があるのか​​疑問に思ったことはありませんか。

WordPress WebサイトにWP-Rocketプラグインをインストールしてアクティブ化したら、 [設定] >[ WPロケット]に移動して構成ページを開きます。

次に、「キャッシュ」設定をクリックして、WP-Rocketプラグインを使用してWebサイトのキャッシュを設定します。 （このようなものが表示されます）

まず、「モバイルキャッシュ」を有効にする必要があります。eコマースのキャッシュを設定する場合は、「ログインユーザーキャッシュ」の設定を有効にします。

次に、「キャッシュの有効期間」を「 10時間」に設定します。

キャッシュ設定が完了したら、「ファイルの最適化」に移動します。ここから、HTML、CSS、JS、Defer JS、およびCSSとJSの組み合わせを縮小できます。

これらの設定は、WP-Rocketの最も重要な設定の1つです。 また、サイトのCSSとJSを組み合わせることで、HTTPリクエストを減らすのにも役立ちます。

「ファイルの最適化」の部分をクリックすると、HTML、CSS、JSを縮小し、それらをより少ないファイルに結合するためのさまざまなオプションが表示されます。

また、 [基本設定]で、[ HTMLの縮小]、[ Googleフォントファイルの結合]、[クエリ文字列の削除]の3つのオプションすべてをオンにします。 Webサイトには影響しませんが、「 CSSファイル」と「 JSファイル」の設定を有効にするときは、サイトを壊さないように注意してください。

次に、 CSSファイルの[CSSの縮小]、[CSSの結合]、[CSS配信の最適化]オプションをオンにして、CSSを縮小し、それらをより少ないファイルに結合します。 また、Webサイトの「レンダリングをブロックするCSSを排除する」問題も修正されます。

同様に、[ JSファイル]セクションで、[JQuery移行の削除]、[JSの縮小]、[JavaScriptファイルの結合]、[JavaScript遅延の読み込み]をクリックし、[JS遅延]セクションで[JQueryのセーフモード]を有効にします。

ファイルの最適化でこれらの設定を行ったら、キャッシュをクリアし、ホームページまたはWebサイトの任意のページにアクセスしてサイトが破壊されないことを確認してください。

ファイル最適化設定の後、遅延読み込みとメディアを管理するための設定を取得します。 メディア設定を変更するには、[メディア]オプションをクリックします。

このオプションでは、画像と動画のレイジーロードを有効にするオプションが表示されます。また、埋め込み、絵文字を無効にし、WebP互換性を有効にするオプションも表示されます。

画像、iframe、動画のLazyload設定を有効にすることをお勧めします。 YouTubeのビデオやiframeを画像に置き換えることもできます（私を信じてください、それはあなたのウェブサイトを速く燃え上がらせます）。

絵文字と埋め込みを無効にするオプションもありますが、ほとんどの場合、これらは役に立ちません。埋め込みを無効にすると、Webサイトのリソースが節約されるため、これらの設定を有効にすることをお勧めします。

メディア設定後、Webサイトでプリロードを有効にするオプションが表示されます。

サイトのパフォーマンスを向上させるために現金のプリロードが不可欠なのはなぜですか？

プリロードにより、訪問者はサイトのより高速でキャッシュされたバージョンをすぐに入手できます。 WP Rocketがこれを自動的に処理し、ホームページとそこにあるすべてのリンクがプリロードされます

プリロード設定を行うと、詳細設定を構成するオプションが表示されます。 詳細設定から、カスタムURLまたはカスタムCookie、User-Agentのキャッシュを無効にしたり、目的のURLを削除したりするなど、いくつかの設定を簡単に管理できます。

この後、データベースの最適化とCDNを管理するオプションが表示されますが、ここではこの設定をスキップします。 また、データベースを効率的に最適化するためにWP-Optimizeプラグインを使用します。また、CDNセクションの後半でCDNを実装する方法を示します。

また、これらの設定の後、WordPressHeartbeatAPIを管理するオプションが表示されます。 基本的に、WordPress Heartbeat APIは、サーバーとブラウザー間のリアルタイムのデータ転送と同期のための接続を提供します。

それでもハートビート設定を理解できませんか？ ここでは、ハートビート設定が関係するいくつかの例を共有しています。

リソースの少ないサーバーを使用している場合は、サーバーを無効にしてリソースを節約できますが、小規模なWebサイトの場合は大きな問題にはなりません。

そして今、WP-Rocketプラグインの最後の、しかし少なくとも重要な設定は、それらのアドオン設定です。 ウェブサイトでFacebookPixelとGoogleAnalyticsを使用している場合は、それらをサーバーにローカルに保存して、サイトの速度を最適化するのに役立ちます。

これを有効にすると、Webサイトでのブラウザのキャッシュの問題を改善できます。

もう1つの優れたアドオンには、WP-rocketダッシュボードから直接WebサイトをCloudflare＆Sucuriと統合することが含まれます。 Webサイトで何かをパージするときはいつでも、これらのCDNプロバイダーのキャッシュをクリアしてパージするのに役立ちます。

私を信じて; これらはあなたのウェブサイトを本当に速くする最高の設定の1つです。 ウェブサイトの読み込みを速くしたい場合は、これらの設定を有効にすることをお勧めします。

現在、WP-Rocketプラグインを使用していくつかの最適化を実装しています。

次に、データベースの最適化にはWP-Optimize、さらに速度の最適化にはAssetCleanUpProなどの他のプラグインを使用します。

3.2 AssetCleanUpProでサイトを最適化する

WP Rocketを使用してWebサイトを最適化し、GTmetrixとPingdomの結果を確認すると、ページの読み込み速度が即座に向上することがわかります。

ただし、ここでは完了していません。Webサイトを可能な限り最適化する必要があることは、すでに前述しました。

そこで、Webサイトをさらに最適化するためにAsset CleanUp Proなどの他のプラグインをいくつか使用します（最適化には無料バージョンのAsset CleanUpを使用することもできますが、有料のものを入手することをお勧めします）。

このプラグインは、WebサイトのFlash of Invisible Text（FOIT）の問題を修正するのに役立ちます。また、 XML-RPCファイルへのアクセスをブロックし、さらに多くのことを実行します。

すでにWPRocketを使用してサイトを最適化したため、HTML、CSS、JS、およびその他のいくつかの設定の変更がブロックされ、それらを有効にできません（これは良いことです！）

テストモードを有効にしたら、[ CSSの最適化]オプションをクリックし、[動的に読み込まれたCSSのキャッシュ]設定まで下にスクロールして有効にします。

完了したら、[保存]ボタンをクリックします。

同様に、[JSの最適化]セクションで、動的に読み込まれたJavaScriptのキャッシュを有効にします。

これらのオプションは、CSSとJSの動的な値をキャッシュするのに役立ちます。 ただし、WP-Rocketを使用した後は、WordPressでこれらの問題が発生することはありません。

これらの設定が完了したら、[ CDN ]オプションの後にある[サイト全体の一般的なアンロード]設定をクリックします。

ここでは、絵文字、埋め込み、Dashicons 、 Gutenberg CSSブロックライブラリ、 JQuery Migrate 、およびコメント返信サイト全体を無効にするためのいくつかのオプションを見つけることができます。

ただし、ブログでGutenberg、Dashiconsアイコンを使用していない場合は、それらを無効にすることができます。

また、WordPressをブログとして使用していない場合、訪問者にコメントを残したくない場合、またはデフォルトのWordPressコメントをDisqusやFacebookなどのコメントプラットフォームに置き換えた場合は、「コメント返信サイト-」を無効にすることもできます。設定からワイド」。

次に、「 HTMLソースのクリーンアップ」セクションに移動します。ここから、<head>セクションから未使用の要素を削除できます。

これらの設定から、<head>セクションから不要な要素を削除できます。

心配しないで！

これらの要素を削除しても、サイトにはまったく影響しません。

コメントRSS、メタジェネレータタグ、WordPressバージョンタグ、REST API、RSDリンクなど、これらの設定からいくつかのオプションを削除しました。

これらの設定をWebサイトから削除することができ、Webサイトに害を及ぼすことはありません。 RSSフィードリンクは、使用していない場合にのみ削除することもできます。

また、 Asset Cleanup Proのプレミアムバージョンを使用している場合は、「フォントの適用-CSSの表示」の値を「適用しない」から「スワップ」に変更できます。 これにより、Webサイトで目に見えないテキストの問題が発生するのを防ぐことができます。 この問題の詳細については、ここをクリックしてください。

プリロードセクションにローカルフォントファイルのURLを入力して、すぐにロードすることもできます。 フォントファイルをプリロードするとき、リソースの優先度を明示的に上げます。

また、ローカルフォントの最適化設定の後、「 GoogleFonts」に同様のオプションが表示されます。 設定。

フォント表示設定で「スワップ」オプションを選択し、事前接続も有効にします。 事前接続オプションを有効にすると、CSSの読み込み中にブラウザにGoogle Fontsに事前接続するように指示され、読み込み時間を節約できます。

Asset CleanUp Proを使用して、必要なページでのみプラグインとツールを使用します。

現在のところ、サイトの読み込み速度を向上させるためにAsset CleanUpを使用していくつかの最適化を行っていますが、このプラグインで利用できる驚くべき機能は、私たちが認識していないものがいくつかあります。

これらの機能には、Webサイトの特定の投稿にプラグインをロードすることが含まれます。

簡単に言うと、Webサイトで「 ContactForm 7」（連絡フォームを作成するための最も一般的なプラグイン）を使用していて、Webサイトの特定の「連絡ページ」で使用していると仮定します。

ただし、このプラグインの主な問題は、CSSとJSファイルをサイトの<head>セクションに読み込むため、すべてのページ（連絡先ページを含む）でさらに2つのリクエストが増えることです。ただし、読み込む必要があるのは特定のページ、それが連絡先ページです。

例えば; TheVPNCouponをチェックすると、お問い合わせページや「Best Animated Movies」などの他の投稿/ページで「お問い合わせフォーム7」プラグインを使用していますが、お問い合わせフォームは使用していませんが、CSSとJSが読み込まれますこれらのページのContactForm7プラグインの一覧（下の画像で確認できます）。

しかし、どうすればこの問題を解決できますか？

解決策は非常に簡単です。投稿またはページを公開してから、[投稿/ページの編集]オプションをもう一度クリックするだけで、このプラグインはWordPress投稿ダッシュボードにすべてのファイルをロードします。

次に、AssetCleanUpオプションから特定のCSSおよびJSファイルをアンロードします。

例えば; 「 ContactForm7 」プラグインを使用して自分のサイトに「 ContactUs 」ページを作成している場合は、準備ができたらページを公開し、もう一度「 EditPage 」オプションをクリックします。 。

[編集]ページをクリックすると、誰かが連絡先ページを読み込んだときに要求または読み込まれたすべてのファイルが表示されます。

次に、設定にいくつかの変更を加え、連絡先ページを除くすべてのページから連絡先フォーム7のCSSとJSをアンロードします（上の画像で行ったのと同じ設定を実行できます）。

3.3ウェブサイト上の画像を最適化する

ご存知のように、画像の最適化は、ウェブサイトの速度を落とすための最も重要な要素の1つです。 これはサイトの速度を低下させる主な原因であるため、画像をWebサイトにアップロードする前に、常に画像を圧縮する必要があります。

TheGuideXで私たちのブログ投稿のいずれかをチェックするときでさえ、

…画像は私のウェブサイトの他の何よりも重いです。

したがって、画像を最適化すると、Webサイトの速度が最も大幅に向上するはずです。

どのウェブサイトでも画像が不可欠であることは誰もが知っていますが、非常に高品質の画像を使用することはお勧めしません。 したがって、アップロードする画像が適切に最適化されていることを確認する必要があります。

画像の全体的な品質を低下させず、サイズを縮小するだけの方法で画像を圧縮する必要があります。

この目的のために、私は画像の最適化に関するWebサイトを作成しました。このサイトを使用して、WordPressにアップロードする前に画像を最適化できます。

画像を適切に最適化するには、次の5つの手順に従う必要があります。

正しいタイプの画像形式を使用する

Webで最も一般的に使用される2つのタイプの画像は、JPGとPNGです。

そして、それらは似ていません。

JPEG画像の例

画像の詳細
画像形式	JPEG
画像サイズ	2.893kb
最適化された画像サイズ	607kb
画像圧縮率％age	79％
画像の説明	色情報が豊富な複雑な画像。

PNG画像の例

画像の詳細
画像形式	PNG
画像サイズ	716kb
最適化された画像サイズ	173kb
画像圧縮率％age	75％
画像の説明	色情報が少ないシンプルな画像

上記の例では、79％の画像圧縮率の1つのJPG画像と同様の圧縮レベルのPNG画像を示しましたが、JPEG画像の圧縮サイズは、複雑であり、色情報がたくさん。

したがって、次回、Webサイトに画像をアップロードするときは常に、正しい画像形式を使用していることを確認してください。

3.4WPを使用したデータベースの最適化-最適化

現在、WPRocketとAssetCleanUpを使用してサイトを最適化していますが、それでもWebサイトの読み込みに時間がかかると思われる場合は、データベースを最適化して投稿のリビジョンを削除できます。

ウェブサイトのコンテンツを更新したり、WordPress Editorで何かを書いたりすると、ポストリビジョンがデータベースに自動的に保存されることがあります。

したがって、データベースの最適化は、Webサイトの速度を上げるためのもう1つの非常に有用で重要なプロセスです。

そのために、「 WP-Optimize」という名前の無料のWordPressプラグインを使用します。 プラグインはTeamUpdraftによって開発されました。TeamUpdraftは、サイトのバックアップを取るために推奨するすばらしいプラグインも開発しました。

このプラグインを使用するには、WordPressリポジトリから「WP-Optimize」プラグインをインストールするだけです。

プラグインがインストールされたら、データベースのバックアップを取り、「 WP-Optimize 」>「 Database」に移動することをお勧めします。 また、データベースページが表示されたら、[選択したすべての最適化を実行する]をクリックすると、データベースの最適化が開始されます。

データベースの最適化には数分かかります。最適化が完了すると、すべての投稿のリビジョン、スパムコメント、保留中のコメント、トラックバック、ゴミ箱に入れられた投稿、自動ドラフトが削除されます。

心配しないで！

投稿と下書きは安全に保たれます。 Webサイトで公開された投稿やドラフト投稿は削除されませんが、リビジョンのみが削除されます。 だからあなたは安全です。

3.5Webサイトでこれらのプラグインを使用しないでください

特定のプラグインは、Webサイトの速度を低下させ、CPU使用率を高くする可能性があります。 私は常にあなたのウェブサイトで重いプラグインを使用しないことをお勧めします。

これらのプラグインには次のものが含まれます。

このステップでは、いくつかのWordPressプラグインを使用してサイトを効果的に最適化しました。ウェブサイトのGTmetrixとPingdomの結果を確認すると、パフォーマンスが瞬時に向上します。

ただし、速度の最適化とは、プラグインを使用したり、WordPressテーマを高速に読み込んだりしてサイトを最適化することだけではありません。

Webサイトの全体的なパフォーマンスを向上させたい場合は、やるべきことがたくさんあります。 たとえば、 WebサイトでCDNを使用し、利用可能な最も近いサーバーからファイル、画像、またはデータを提供します。

4.コンテンツ配信ネットワーク（CDN）の使用

CDNを使用してWebサイトのパフォーマンスを向上させる方法を説明する前に、まずCDNとは何か、およびCDNがWebサイトのパフォーマンスの向上にどのように役立つかを学習します。

では、CDNまたはコンテンツ配信ネットワークとは何ですか？

Akamaiによると、CDN（Content Delivery Network）はサーバーの高度に分散されたプラットフォームであり、サーバーとユーザーの間の物理的な距離を縮めることにより、Webページコンテンツの読み込みの遅延を最小限に抑えるのに役立ちます。 これにより、世界中のユーザーが読み込み時間を遅くすることなく、同じ高品質のコンテンツを表示できます。

では、Webサイトのパフォーマンスを向上させるのにどのように役立つのでしょうか。

答えは; Webサイトにアクセスするたびに、リモートサーバーに要求が送信され、このサーバーはデータで応答します。 データの送信は公共のインターネットを介して行われるため、多少の遅延が発生します。

また、ローカルマシンからサーバーまでの距離を短くすると、遅延時間が確実に短縮され、Webサイトのパフォーマンスが向上します。

これで、WebサイトでのCDNの使用と、Webサイトの全体的なパフォーマンスを向上させることがどのように不可欠であるかを理解しました。

次に、Webサイトのパフォーマンスを向上させるためのいくつかのCDNについて説明します。

4.1ウェブサイトでCloudflareを使用する

ほとんどの人が自分のウェブサイトで使用する最初のCDNはCloudflareです。

Cloudflareは、静的コンテンツをユーザーの近くにキャッシュし、最速で最も信頼性の高いプライベートバックボーンリンクを介して動的コンテンツを配信するデータセンターの広範なグローバルネットワークを構築しました

ドメイン名にCloudflareを設定するのはとても簡単です。 ネームサーバーを現在のホストからCloudflareに変更するだけで、Cloudflareから直接DNSを簡単に管理できます。

Cloudflareがドメイン名でアクティブになったら、Cloudflareアカウントにログインし、ダッシュボードからWebサイトを選択します。

次に、SSL / TLSページに移動し、SSLをFlexibleに設定します。 SSL設定をフルに設定することもできます–ただし、SSL設定をフルに設定する前に、WebサイトでSSLがすでに使用されていることを確認してください。

WebサイトでSSLを設定したら、SSLの[エッジ証明書]設定に移動し、[常にHTTPSを使用する]、 [ TLS 1.3 ]をアクティブにして、[自動HTTPS書き換え]を有効にします。

これで、SSLを使用してWebサイトでSSLを設定しました。 この手順の後、[速度設定]をクリックし、[速度設定]の下の[最適化]をクリックします。

Speedの[最適化]ページが表示されたら、JavaScript、CSS、およびHTMLの自動縮小を有効にします。

次に、WebサイトでBrotli圧縮を有効にします。 Brotliは、Googleによって開発された圧縮アルゴリズムであり、テキスト圧縮に最適です。

WebサイトでBrotli圧縮を使用するいくつかの機能は次のとおりです。

WebサイトでBrotli圧縮を有効にしたら、[ロケットローダー]オプションまで下にスクロールして有効にすることができます。 デフォルトでは、この設定は有効になっていますが、このプラグインがWP Rocketプラグインと競合し、問題が発生する場合があります。

次に、Cloudflareのキャッシュ設定に移動し、キャッシュレベルを「標準」に設定し、ブラウザのキャッシュTTLをそれぞれ「 1年」に設定します。

これらの設定を有効にしたら、[常にオンライン]まで下にスクロールし、クリックして有効にします。 これらの設定では、サーバーがダウンした場合、CloudflareはキャッシュからWebサイトの静的ページを提供します。

推奨設定について詳しくは、こちらをご覧ください。

ここで最も重要なことは、Cloudflareを使用してブログにページルールを設定することです。

これを行うには、Cloudflareでページルール設定を開きます。 Cloudflareの無料プランでは、3ページのルールしか作成できません。3ページを超えるルールを作成する場合は、Cloudflareからさらにページルールを購入する必要があります。

上の画像でわかるように、パフォーマンスを向上させるために、WebサイトTheGuideXに3ページのルールを作成しました。 これらの3ページのルールは、当社のWebサイトを最適化するのに役立つ最も重要なルールの1つです。

まず最初に、青色で表示されている[ページルールの作成]ボタンをクリックします。 それをクリックすると、最初のページルールを作成できるページが開きます。

上の画像でわかるように、最初のフィールドに、ページルール設定を適用する必要があるページのURLを入力してから、ドロップダウンメニューから設定を選択する必要があります。 完了したら、[保存して展開]ボタンをクリックして、これらのページルールを有効にします。

Cloudflareの最初のページのルール

したがって、最初のルールは次のとおりです。

• URL ：example.com/wp-login.php
• ルール（ドロップダウンから選択） ：セキュリティレベルを選択し、[高]または[攻撃を受けています]を選択します

例;

このページルールの使用

このページルールは、wp-login.phpファイルにセキュリティの追加レイヤーを追加します。 誰かがWordPressダッシュボードにログインしようとすると、最初にブラウザの整合性がチェックされ、Webサイトへのブルートフォース攻撃が防止されます。

また、ブルートフォース攻撃からWebサイトを防ぐためにいくつかのプラグインを使用することもできますが、これらのタイプのプラグインは膨大なWebサイトリソースを必要とし、Webサイトの速度を低下させる可能性があります。 したがって、私たちはCloudflareを使用して、ログインページが悪意のある試みから保護されています。

Cloudflareの2ページ目のルール

2番目のルールは次のとおりです。

• URL ：example.com/wp-admin/ *
• ルール（ドロップダウンから選択） ：パフォーマンスを無効にする

例;

このページルールの使用

このページルールは、wp-adminフォルダー内のパフォーマンスを無効にしました。 これを無効にすると、サイトのバックエンド側でミニファイ、ロケットローダー、ミラージュ、ポリッシュが無効になります。

Cloudflareの3ページ目のルール

3番目のルールは次のとおりです。

• URL ：example.com/wp-content/ *
• ルール1 ：ブラウザキャッシュTTL=>年
• ルール2 ：常にオンライン=>オン
• ルール3 ：キャッシュレベル=>すべてをキャッシュする
• ルール4 ：エッジキャッシュTTL=>月

例;

このページルールの使用

3ページ目のルールはwp-contentフォルダー内で機能し、wp-contentフォルダー内のすべてをキャッシュし、ブラウザーキャッシュの有効期限TTLは、Cloudflareが訪問者のブラウザーにリソースをキャッシュするように指示する時間です。

期限が切れるまで、ブラウザはローカルキャッシュからリソースをロードするため、Webサイトの速度を上げるのに役立ちます。

また、エッジキャッシュTTLは、Cloudflareサーバーが新しいコピーを要求する前にリソースをキャッシュする時間を制御する設定です。

Cloudflareを使用してWebサイトに同じ設定を実装した場合、GTmetrixやその他のページ速度テストツールでWebサイトのパフォーマンスが向上する可能性が高くなります。

そして今まで、私たちはウェブサイトの全体的なパフォーマンスを改善するために1つのCDNを共有しました。 ここで、CloudflareCDNと連携できるCDNをさらにいくつか共有します。

4.2画像の最適化にImageKitを使用する

次に、ImageKitを使用して画像をリアルタイムで最適化します。 これは、リアルタイムの画像最適化および変換CDNネットワークの1つであり、画像の視覚的な品質に実際に影響を与えることなく、Webサイトが写真の実際のサイズを縮小するのに役立ちます。

このCDNで私が最も気に入った点の1つは、WordPressなどのアプリケーションとの迅速な統合です。 それはリーズナブルな価格設定を提供します、そして私はそれがより良い画像最適化のために選ぶよりはるかに良いオプションであるとわかりました。

ImageKitはCDNの3種類の価格設定を提供しており、Webサイトの要件に応じて選択できます（WebサイトでForever Free Planを使用しています）。

価格を選択してプラットフォームに登録したら、エンドポイントを作成する必要があります。 エンドポイントを作成すると、 CDN URLを取得します（下の画像を確認してください）

ご覧のとおり、 TheGuideXドメイン名のWebサーバーベースのCDNURLを作成しました。 私のCDNURLはhttps://ik.imagekit.io/tgx/です

ImageKit URLを取得したら、WordPressWebサイトで有効にする必要があります。 これを行うには、 WordPress管理パネル>設定>WPロケット>CDNにアクセスして、WPロケットCDN設定を開く必要があります。

CDNページが表示されたら、WebサイトでCDNを有効にする必要があります。次に、フィールドにImageKitのURLを入力し、[予約]設定で画像に変更します。

これを行うと、WPRocketは画像のURLをhttps://theguidex.com名からhttps://ik.imagekit.io/tgxにのみ書き換えます。 そのため、画像はCDNURLからリアルタイムで読み込まれ始めます。

これらの変更を行ったら、ImageKitでいくつかの最適化の調整を行い、圧縮と画像配信を改善します。

そして、これらの最適化の微調整のために、ImageKitダッシュボードに再度ログインし、[画像設定]をクリックします。

[画像の設定]ページが表示されたら、必要に応じて設定をカスタマイズできます。

ご覧のとおり、「画像配信に最適な形式を使用する」を有効にし、画質を70％に設定しました。

必要に応じて、データセーバーの設定を有効にすることもできます。 ウェブサイトのユーザーがブラウザでデータセーバーモードを使用している場合、ImageKitは品質の低下や自動DPRのサポートなしなど、さまざまな方法を使用して、画像の軽量化と読み込みの高速化を実現します。

また、最適化設定の横に、ネットワーク最適化のオプションがあります。 ネットワーク最適化設定では、ユーザーのネットワークタイプに応じて画像の品質を提供するオプションが表示されます。

ほとんどの場合、人々は4Gデバイスを使用します。 ネットワークタイプの詳細については、分析を詳しく調べてください。 人々があなたのウェブサイトにアクセスするために遅いネットワークを使用していることがわかった場合は、ここから手動で画像配信品質を設定できます。

したがって、これらはImageKitの最も重要な設定ですが、 [画像設定]ページからさらに多くの設定を行うことができます。

これらの設定には、モバイルおよびデスクトップデバイスの画像の高さと幅の手動設定、画像のコピーの保存などが含まれますが、これらの設定についてはこの投稿では説明しません。これらの設定は役に立ちません。

次に、WebサイトでCDNを使用する第3部に移ります。 このステップでは、JSとCSSのウェブサイトでCloudfrontを実装して使用する方法を紹介します。

4.3JSとCSSにAmazonCloudfrontを使用する

ご存知のように、Amazon CloudFrontはこれまでに入手した中で最も人気のあるCDNの1つであり、世界最大のWebサイトはAmazonCloudFrontCDNサービスに依存しています。

世界中に61台のサーバーが配備されており、特定の場所でWebサイトの画像をより高速に送信および配信できます。

まず、「 Get Started with Amazon Cloudfront」をクリックして、既存のAmazon IDを使用してWebサイトに登録するか、新しいEメールIDを使用してプラットフォームに登録することもできます。

Amazon AWSアカウントにログインしたら、Cloudfrontを検索し（ここをクリックしてCloudfrontページに直接アクセスすることもできます）、[ Create Distribution ]をクリックしてから、 Webプロパティを選択して[GetStarted]をクリックします。

[オリジンドメイン名]にドメイン名を入力します。 この場合、私のドメイン名はhttps://theguidex.comなので、 theguidex.comに入ります（wwwまたはhttpsなし）。

その横に、オリジンパスを入力し、wp-contentフォルダーへのパスを入力してから、SSLプロトコルでTLSv1を選択し、オリジンプロトコルで[ MatchViewer ]を選択します。

次に、「 Distribution Settings 」までスクロールダウンし、価格クラスで「 Use All Edge Locations」を選択して、デフォルトのCloudFrontSSL設定を設定します。

サポートされているHTTPバージョンを設定し、「HTTP / 2、HTTP / 1.1、HTTP/1.0」に変更することもできます。 これらの設定が完了したら、[配布の作成]をクリックします。

もう一度Cloudfrontディストリビューションページに移動し、ディストリビューションが適切に有効になっているかどうかを確認します（状態セクションの下に緑色のテキストで表示されます）。

有効になったら、オリジンドメインのIDをクリックします。

配布IDをクリックすると、上の画像に示したのと同様のページが開きます。 ドメイン名（赤いボックスに表示）をコピーして、WPRocketのCDNセクションに貼り付けます。

ドメイン名をWPRocketに貼り付けたら、予約済みのto=>「 Javascript/CSS 」を選択します。

これで、ドメイン名にAWSCloudfrontが正常にセットアップされました。

これらの設定は、WebサイトがGoogle PageSpeed Insight、GTmetrix、およびPingdomでのパフォーマンスを向上させるのに十分です。 これで、Webサイトのパフォーマンスが瞬時に向上することがわかります。

それでも、Webサイトの速度を上げる方法がわからない場合、またはWebサイトの速度最適化サービスが必要な場合は、 [電子メールで保護された]電子メールで私に連絡できます。

これまで、Webサイトの速度を最適化するために、ほぼすべての可能なことを行ってきました。ただし、上級ユーザーの場合は、Webサイトの速度を上げるのに役立ついくつかの方法を共有しています。

ただし、初心者の場合、または技術的な知識がない場合は、これらの種類のものを管理するためにホスティングサポートに連絡することをお勧めします。

スピードのためのWordPressの微調整（高度）

この微調整されたWordPress速度最適化方法では、Webサイトの速度を最適化するために驚くほど機能するいくつかの高度なヒントを共有しています。

1.最新のPHPバージョンを使用する

したがって、Webサイトを最適化する最初の方法は、最新のPHPバージョンを使用することです。 新しいPHP7は、以前のPHP7よりも2倍高速です。 これは、サイトで利用する必要のあるパフォーマンスの大幅な向上です。

なぜ最新バージョンのPHPを使用するのですか？

ウェブサイトで最新バージョンのPHPを使用する理由がわからない場合は、ここに答えがあります。WordPressは主にPHP言語で記述されており、PHPはサーバー側の言語です。

したがって、Webサイトで最新のPHPバージョンを使用すると、Webサイトのパフォーマンスを向上させることができます。 PHPの最新の安定バージョンはv7.4です。 私もこのウェブサイトでこのバージョンのPHPを使用しています。

2.投稿の改訂を制限する

WP-Optimizeなどのプラグインを使用してデータベースを最適化するのを忘れることがあります。前述したように、この投稿を書いているときに、データベースに40以上のリビジョンが保存されています。

これだけ多くのリビジョンを自動保存すると、Webサイトのパフォーマンスが最悪のレベルに低下する場合があります。 WordPressが記事ごとに保持するリビジョンの数を簡単に制限できます。

このコード行をwp-config.phpファイルに追加します。

 define（'WP_POST_REVISIONS'、4）;

3.コンテンツのホットリンクとリーチングを無効にします

ウェブサイトで高品質のコンテンツを作成すると、RSSを使用して盗まれたり、他のウェブサイトが独自のサーバーにアップロードするのではなく、ウェブサイトのURLから直接画像を提供したりする場合があります。

このように、彼らはあなたのウェブサイトの帯域幅を盗んでいたので、それはあなたのサイトに害を及ぼし、あなたはそれから何の利益も得られません。

したがって、この場合、.htaccessコードを使用して画像のホットリンクをブロックし、Webサイトのリソースと帯域幅を節約する必要があります。 コードは次のとおりです。

 ＃禁止またはカスタム画像オプションを使用して画像のホットリンクを無効にする
RewriteEngineをオンにします
RewriteCond％{HTTP_REFERER}！^ $
RewriteCond％{HTTP_REFERER}！^ http（s）？：//（www \。）？theguidex.com [NC]
RewriteCond％{HTTP_REFERER}！^ http（s）？：//（www \。）？google.com [NC]
RewriteRule \。（jpg | jpeg | png | gif）$ – [NC、F、L] 

注： theguidex.comを独自のドメイン名に変更することを忘れないでください。

WebサイトでRSSフィードを使用していない場合は、RSSフィードを無効にすることもできます。

4.DNSレベルのWebサイトファイアウォールを使用する

速度を最適化するためのもう1つの最も重要な要素は、DNSレベルのWebサイトファイアウォールを使用することです。 あなたが覚えているなら、私はログインページのセキュリティを強化するためにtheguidex.com/wp-login.phpにCloudflareページルールを作成しました。

ええと、私は自分のWebサイトでプレミアムバージョンのWordfenceも使用しています。これは素晴らしいプラグインであり、脅威やブルートフォース攻撃をリアルタイムでブロックするのに役立ちますが、間違いありません。 これは重いプラグインであり、脅威と戦うには多くのWebサイトリソースが必要です。

また、CPUリソースの使用率が高くなるのを防ぐために、WebサイトでDNSレベルのWebサイトファイアウォールを使用しています。 したがって、DNSレベルのファイアウォールを使用して、Webサイトのパフォーマンスを向上させ、DNSレベルで脅威を阻止していることを確認してください。

5.データベース呼び出しを減らす

この手順はもう少し複雑で、テーマからのデータベース呼び出しを減らすには技術的な知識が必要です。 WordPressのガイドラインに従わず、データベースに対して不要な呼び出しを行う、コーディングが不十分なテーマが多数あります。

これらのテーマは、Webサイトの速度を低下させ、データベース呼び出しを減らし、Webサイトの全体的なパフォーマンスを向上させる可能性があります。

クリーンにコード化され、十分に最適化されたテーマの一部でさえ、データベースから基本情報を取得するために不要なデータベース呼び出しを行います。 したがって、子テーマを作成し、この基本情報を静的に追加して、データベース呼び出しの数を減らします。

6.コメントをページに分割する

ブログにたくさんのコメントが寄せられたら、まずはおめでとうございます！ これは、優れた視聴者を獲得するための素晴らしい兆候です。

ただし、欠点は、すべてのコメントを含む投稿を読み込むと速度が低下する可能性があることです。

この場合、コメントをさまざまなページに分割して、Webページの速度をさらに向上させることができます。 プロセスは簡単です。 [設定]»[ディスカッション]に移動し、[コメントをページに分割する]オプションの横にあるチェックボックスをオンにします。

7.GZIP圧縮の確認

GZIP圧縮は、Webサイトの速度を上げるためのもう1つの最も重要な要素です。 Webサイトでwpロケットプラグインを使用している場合は、自動的に有効になります。

GZIP圧縮はサーバー側で有効になっており、HTML、JS、およびCSSファイルのサイズを圧縮するのに役立ちます。 これらはすでに別の方法で圧縮されているため、画像では機能しません。

Check GZIP Compressionなどのツールを使用して、WebサイトがGZIPを使用しているかどうかを確認できます。

サイトでGZIPを使用していない場合は、.htaccessファイルでこのコードを使用してWebサイトでGZIPを有効にすることができます。ただし、このコードを使用する前に、サイトでApacheサーバーを使用していることを確認してください。

 ＃HTML、CSS、JavaScript、テキスト、XML、フォントを圧縮する
  AddOutputFilterByType DEFLATE application / javascript
  AddOutputFilterByType DEFLATE application / rss + xml
  AddOutputFilterByType DEFLATE application / vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application / x-font
  AddOutputFilterByType DEFLATE application / x-font-opentype
  AddOutputFilterByType DEFLATE application / x-font-otf
  AddOutputFilterByType DEFLATE application / x-font-truetype
  AddOutputFilterByType DEFLATE application / x-font-ttf
  AddOutputFilterByType DEFLATE application / x-javascript
  AddOutputFilterByType DEFLATE application / xhtml + xml
  AddOutputFilterByType DEFLATE application / xml
  AddOutputFilterByType DEFLATE font / opentype
  AddOutputFilterByType DEFLATE font / otf
  AddOutputFilterByType DEFLATE font / ttf
  AddOutputFilterByType DEFLATE image / svg + xml
  AddOutputFilterByType DEFLATE image / x-icon
  AddOutputFilterByType DEFLATE text / css
  AddOutputFilterByType DEFLATE text / html
  AddOutputFilterByType DEFLATE text / javascript
  AddOutputFilterByType DEFLATE text / plain
  AddOutputFilterByType DEFLATE text / xml

  ＃ブラウザのバグを削除します（本当に古いブラウザにのみ必要です）
  BrowserMatch ^ Mozilla / 4 gzip-only-text / html
  BrowserMatch ^ Mozilla / 4 \ .0 [678] no-gzip
  BrowserMatch \ bMSIE！no-gzip！gzip-only-text / html
  ヘッダー追加VaryUser-Agent

8.プリフェッチを使用する

リソースのプリフェッチは、Webサイトのパフォーマンスを向上させるためのもう1つの優れた最適化手法です。 これを使用して、ユーザーが将来必要になる可能性のあるアセットを、ユーザーが必要とする前にブラウザーに通知できます。

開発者として、私たちはブラウザよりもアプリケーションをよく知っています。 そのため、この情報を使用して、コアリソースについてブラウザに通知します。

例えば、

 < link rel = " prefetch " href = " image.png " >

9.Webフォントの使用を減らす

テキストをわかりやすくするために、いくつかのWebフォントを使用することがありますが、Webフォントを多用することの最大の欠点は、ページのレンダリング時間が長くなることです。 これにより、外部リソースに追加のHTTPリクエストも追加されます。 そして一般的に言えば、HTTPリクエストを最小限に抑えたいと考えています。

上の画像でわかるように、私は自分のWebサイトで実際に必要な4つのWebフォントのみを使用しています。 また、ページのレンダリング時間を短縮するために、ブログで大量の不要なWebフォントが使用されていないことを確認する必要があります。

今ではあなたの番です

WordPressブログを最適化するさまざまな方法の中で、速度を最適化するために自分のWebサイトで個人的に使用しているいくつかの最適化手法を共有しました。 これらのメソッドはシンプルで実装が簡単です。

そして今、あなたのWordPressウェブサイトの速度を改善するために1時間を投資するあなたの時間です。

そして、私を信じてください。これらの方法を使用してブログを注意深く最適化すると、Webサイトのパフォーマンスが向上し、Webサイトの全体的な読み込み時間も改善されます。

この記事が、WordPressブログの速度を上げるための効率的な方法のいくつかを明確に説明してくれることを願っています。この記事が役に立った場合は、コメントセクションでお知らせください。 また、他の方法を使用してWebサイトを最適化している場合は、以下のコメントセクションでお知らせください。