WP Rocketをインストールおよび構成する方法(推奨設定)

あなたがウェブサイトをクリックするときそれはイライラしていませんか、あなたは長い間感じているものを待ち、そしてイライラしてから戻るボタンをクリックします。真実は、サイトの訪問者を悩ませる以上に ウェブサイトの読み込みが遅い そこが WPロケット 入って来る


Forrester Consultingの調査によると、 「消費者の47%は、Webページが2秒以内に読み込まれることを期待しています」.

悲しいことに、多くのWebサイト所有者は、読み込みが遅いWebサイトは人々の不満を煽るだけでなく、Googleランキングに悪影響を及ぼし、収益に影響を与える可能性があることに気付かない!

特に、WebサイトがWordPressを使用している場合は、Webサイトの読み込み時間を短縮する方法があるのは良いことです。. ここでは、開始方法を説明します。 WPロケット (そして、はい、それは私が私のウェブサイトをスピードアップするために使用するプラグインです).

推奨設定でwp rocketをインストールして構成する方法

この投稿で学ぶ内容は次のとおりです。

WPロケットとは?

WP Rocketは、プレミアムWordPressキャッシングプラグインで、Webサイトのロード時間を短縮するのに非常に効果的です.

WP Rocket Caching Plugin

WP Rocketのプランと価格:

  • 年間$ 49 – 1年間のサポートとアップデート 1つのウェブサイト.
  • 年間$ 99 – 1年間のサポートとアップデート 3つのウェブサイト.
  • 年間249ドル – 1年間のサポートとアップデート 無制限のウェブサイト.

他のほとんどのWordPressキャッシングプラグインとは異なり、紛らわしいオプションと設定が満載されていることで有名です。 WP Rocketの詳細を学び、WP Rocketに代わる最高の無料の代替品を見つけてください.

1.ダウンロード & WP Rocketをインストールする

まず、 WP RocketのWebサイト WordPressプラグインを購入する.

最適なプランを選択し、注文に必要な手順を完了してください.

次に、wp-rocket.meのアカウントへのログイン情報が記載された電子メールが送信されます。移動してログインすると、「マイアカウント」にダウンロードリンクが表示されます。 zipファイルをダウンロードしてコンピューターに保存します.

wpロケットをダウンロード

次に、WordPressサイトにログインし、プラグインにアクセスします–> 新しく追加する -> プラグインをアップロード.

WP Rocketのzipファイルバージョンをアップロードしてインストールするだけです.

WPロケットをインストール

最後に、WP Rocketを起動してアクティブ化すると、プラグインがインストールされます。わーい!

2. WP Rocket Best & 推奨設定

次に、推奨設定に従ってWP Rocketを構成します。.

まず[設定]に移動します–> WP Rocketをクリックすると、プラグインの設定ページが表示されます。構成および設定の微調整が必​​要なタブまたはセクションが10個あります。

  1. (デフォルトのタブ)
  • ボーナス:
  • ボーナス:
  • ボーナス:
  • ボーナス:

では、10セクションごとに、WP Rocketの推奨設定を構成していきましょう。.

WP Rocketダッシュボード

wpロケットダッシュボード

ダッシュボードには、ライセンスとその有効期限に関する情報が表示されます。にオプトインすることもできます ロケットテスター (ベータテストプログラム)および ロケット分析 (WP Rocketが匿名でデータを収集できるようにします)。ここには、WP Rocketに関するサポートへのリンクとよくある質問も掲載されています。.

ダッシュボードでできること キャッシュファイルをすべて削除 (WP Rocketの設定が完了したときに行うことをお勧めします), キャッシュのプリロードを開始 (ホームページおよびホームページ上のすべての内部リンクのキャッシュを生成します)および OPcacheをパージする コンテンツ(OPcahceをパージして、WP Rocketプラグインを更新するときの問題を防止します).

WP Rocketキャッシュ設定

WPロケットキャッシュ設定

1.モバイルデバイスのキャッシュを有効にする モバイルデバイスのキャッシュを有効にし、Webサイトをモバイルフレンドリーにするため、アクティブ化する必要があります.

また選択 モバイルデバイス用の個別のキャッシュファイル. 両方のオプションを有効にすると、WP Rocketのモバイルキャッシングが最も安全に機能するためです。疑問がある場合は、両方を保持してください.

2.ログインしたWordPressユーザーのキャッシュを有効にする, これは、メンバーシップサイトがある場合にのみアクティブ化することをお勧めします。コンテンツを表示するためにユーザーがログインする必要がある場合も同様です。.

3.キャッシュの寿命 は自動的に10時間に設定されます。つまり、キャッシュされたファイルは、10時間後に自動的に削除されてから再作成されます。サイトをめったに更新しない、または静的コンテンツが多い場合は、これを増やすことができます.

保存して完全にテストしてください!ウェブサイトで何かが壊れていることに気付いたら、設定を無効にします.

WP Rocket CSS & JSファイル最適化設定

WP Rocket CSS&JSファイル最適化設定

ファイルの縮小 ファイルサイズを減らし、読み込み時間を改善できます。縮小により、静的ファイルからスペースとコメントが削除され、ブラウザーと検索エンジンがHTML、CSS、およびJavaScriptファイルをより高速に処理できるようになります.

ファイルを結合する テーマ/プラグインの互換性とパフォーマンスの向上を確実にするために、ファイルを小さなグループに連結します。ただし、ブラウザは1〜2個の大きなファイルよりも速く6個までの小さなファイルを並行してダウンロードするため、連結を1つのファイルに強制することはお勧めできません。.

CSSとJSを組み合わせてファイル数を減らすことは、HTTP / 1ではベストプラクティスと見なされますが、HTTP / 2では必ずしもそうとは限りません。サイトがHTTP / 2で実行されている場合、次のことを考慮してください。 .

1. HTMLファイルを縮小する 空白とコメントを削除して、サイトのWebページのサイズを縮小します.

2. Google Fontsファイルを組み合わせる HTTPリクエストの数を減らします(特に複数のフォントを使用している場合).

3.クエリ文字列を削除する 静的リソースからは、GT Metrixのパフォーマンスグレードを向上させることができます。この設定により、静的ファイルからバージョンクエリ文字列が削除され(例:style.css?ver = 1.0)、代わりにファイル名にエンコードされます(例:style-1-0.css).

4. CSSファイルを縮小する 空白とコメントを削除して、スタイルシートのファイルサイズを縮小します.

5. CSSファイルを組み合わせる すべてのファイルを1つのファイルにマージします。これにより、HTTPリクエストの数が減ります。サイトでHTTP / 2を使用している場合は推奨されません.

重要: これは物事を壊す可能性があります!この設定を有効にした後でウェブサイトでエラーが発生した場合は、もう一度無効にすると、サイトは通常の状態に戻ります.

6. CSS配信を最適化する WebサイトのレンダリングをブロックするCSSを排除して、ロード時間をより速く認識します。これは、CSSスタイルなしでページが読み込まれ始めることを意味します。これは、Google PageSpeed Insightsがページ速度を「スコアリング」するときに考慮されるものです.

クリティカルパスCSSは、すべてのCSSスタイルなしでページの読み込みを開始することを意味します。つまり、読み込み中にしばらくの間、少し奇妙に見える可能性があります.

これはFOUC(スタイルのないコンテンツのフラッシュ)と呼ばれます。これを回避するには、クリティカルパスCSSと呼ばれるものを使用する必要があります。これは、ページの読み込み中にFOUCを回避するために、ページ上部のコンテンツのCSSをHTMLに直接配置する必要があることを意味します.

クリティカルパスCSSを生成するには、このクリティカルパスCSSジェネレータツールを使用できます。.

7. JavaScriptファイルを縮小する 空白とコメントを削除してJSファイルのサイズを小さくする.

8. JavaScriptファイルを組み合わせる サイトのJavaScript情報を結合してファイルを減らし、HTTPリクエストを減らします。サイトでHTTP / 2を使用している場合は推奨されません.

重要: これは壊れる可能性があります!この設定を有効にした後でウェブサイトでエラーが発生した場合は、もう一度無効にすると、サイトは通常の状態に戻ります.

9. JavaScriptの遅延ロード サイトのレンダリングをブロックするJSを排除し、読み込み時間を改善できます。これは、Google PageSpeed Insightsがページ速度を「スコアリング」するときに考慮に入れるものです.

10. JQueryのセーフモード ドキュメントの上部にあるjQueryをレンダリングブロックスクリプトとしてロードすることにより、テーマとプラグインからのインラインjQuery参照のサポートを保証します.

保存して完全にテストしてください!ウェブサイトで何かが壊れていることに気付いたら、設定を無効にします.

WP Rocket Mediaの設定

wpロケットメディア設定

1.画像の遅延読み込み つまり、画像はビューポートに入る(または入力しようとしている)ときにのみロードされます。つまり、ユーザーがページを下にスクロールしたときにのみロードされます。遅延読み込みにより、HTTPリクエストの数が減り、読み込み時間を改善できます.

(画像の遅延読み込みを無効にすることがあるのは、遅延読み込みが有効になっている場合、遅延読み込みされた画像の下の位置を指すアンカーリンクがWebページの間違った位置にスクロールするためです)

2. iframeとビデオの遅延読み込み つまり、iframeと動画は、ビューポートに入る(または入力しようとしている)ときにのみ読み込まれます。つまり、ユーザーがページを下にスクロールしたときにのみ読み込まれます。遅延読み込みにより、HTTPリクエストの数が減り、読み込み時間を改善できます.

3. YouTube iframeをプレビュー画像に置き換えます ページに多数のYouTube動画がある場合、読み込み時間を大幅に短縮できます.

Lazyloadは個々のページ/投稿でオフにできます(この設定は投稿/ページのサイドバーにあります)

4.絵文字を無効にする WordPress.orgから絵文字を読み込む代わりに、訪問者のブラウザのデフォルトの絵文字を使用する必要があるため、無効にする必要があります。絵文字キャッシュを無効にすると、HTTPリクエストの数が減り、読み込み時間を短縮できます.

6. WordPress埋め込み 他のユーザーがあなたのサイトのコンテンツを埋め込むのを防ぎ、他のサイトのコンテンツを埋め込むのを防ぎ、WordPressの埋め込みに関連するJavaScriptリクエストを削除するため、無効にする必要があります.

保存して完全にテストしてください!ウェブサイトで何かが壊れていることに気付いたら、設定を無効にします.

WP Rocketのプリロード設定

WPロケットのプリロード設定

1.サイトマップのプリロード キャッシュの有効期限が切れてキャッシュ全体がクリアされた場合、XMLサイトマップのすべてのURLをプリロードに使用します.

2. Yoast SEO XMLサイトマップ. WP Rocketは、Yoast SEOプラグインによって生成されたXMLサイトマップを自動的に検出します。プリロードするオプションをチェックできます.

3.ボットをプリロード 有効なサーバーでのみアクティブ化して使用する必要があります。有効化すると、ウェブサイトのコンテンツを追加または更新した後に自動的にトリガーされます。高いCPU使用率またはパフォーマンスの問題を引き起こしている場合は、手動に変更します.

新しい投稿またはページを作成または更新すると、WP Rocketはその特定のコンテンツとそれに関連する他のコンテンツのキャッシュを自動的にクリアします。プリロードボットはこれらのURLをクロールして、キャッシュをすぐに再生成します.

4. DNSリクエストのプリフェッチ ドメイン名の解決を、実際のページコンテンツのフェッチと並行して(ではなく)並行して行うことができます。.

外部ホスト(//fonts.googleapis.comなど)を指定できます & //maxcdn.bootstrapcdn.com)をDNSプリフェッチとしてプリフェッチすると、特にモバイルネットワークで外部ファイルの読み込みが速くなります。.

プリフェッチする最も一般的なURLは次のとおりです。

  • //maxcdn.bootstrapcdn.com
  • //platform.twitter.com
  • //s3.amazonaws.com
  • //ajax.googleapis.com
  • //cdnjs.cloudflare.com
  • //netdna.bootstrapcdn.com
  • //fonts.googleapis.com
  • //connect.facebook.net
  • //www.google-analytics.com
  • //www.googletagmanager.com
  • //maps.google.com

保存して完全にテストしてください!ウェブサイトで何かが壊れていることに気付いたら、設定を無効にします.

WP Rocket詳細ルール設定

WP Rocket静的ファイルの設定

これらの設定は高度なキャッシュ管理用であり、通常はeコマースサイトのカートページとチェックアウトページを除外します.

1. URLをキャッシュしない キャッシュされないページまたは投稿のURLを指定できます.

2. Cookieをキャッシュしない CookieのIDを指定して、訪問者のブラウザで設定すると、ページがキャッシュされないようにする必要があります.

3.ユーザーエージェントをキャッシュしない キャッシュされたページを見ることのないユーザーエージェント文字列を指定できます.

4.常にURLを削除する 投稿やページを更新するたびに、常にキャッシュから削除するURLを指定できます.

5.クエリ文字列をキャッシュする キャッシュするクエリ文字列を指定できます.

保存して完全にテストしてください!ウェブサイトで何かが壊れていることに気付いたら、設定を無効にします.

WP Rocketデータベース設定

WP Rocketデータベース設定

このセクションには、WordPressをクリーンアップして最適化するためのさまざまな設定が含まれています.

1.後処理 リビジョン、自動下書き、ゴミ箱の投稿やページを削除します。古いバージョンの投稿(または削除された投稿)がない限り、これらを削除します.

2.コメントの整理 スパムとゴミ箱のコメントを削除します.

3.一時的なクリーンアップ ソーシャルカウントのような保存されたデータを削除しますが、トランジェントが期限切れになると、データベースに残り、安全に削除できます.

4.データベースのクリーンアップ WordPressデータベースのテーブルを最適化します.

5.自動クリーンアップ. 通常は随時クリーンアップを実行しますが、データベースの自動クリーンアップを実行するようにWP Rocketをスケジュールすることもできます.

理想的には、クリーンアップを実行する前にデータベースをバックアップする必要があります。一度データベースの最適化を実行すると、データベースを元に戻す方法がないためです。.

WP Rocket CDN設定

WP Rocket CDN設定

コンテンツ配信ネットワーク(CDN)を使用すると、静的ファイル(CSS、JS、画像)のすべてのURLが、指定したCNAMEに書き換えられます.

1. CDNを有効にする. コンテンツ配信ネットワークを使用している場合は、これを有効にします。 WP Rocketは、Amazon Cloudfront、MaxCDN、KeyCDN(私が使用しています)などのほとんどのCDNと互換性があります。 CDNでWP Rocketを使用する方法の詳細をご覧ください

2. CDN CNAME. CDNプロバイダーから提供されたCNAME(ドメイン)をコピーして、CDN CNAMEに入力します。これにより、アセット(静的ファイル)のすべてのURLが書き換えられます.

3.ファイルを除外する CDN経由で提供されるべきではないファイルのURLを指定できます.

保存して完全にテストしてください!ウェブサイトで何かが壊れていることに気付いたら、設定を無効にします.

WP Rocketアドオン(Cloudflare)

WP Rocketアドオン(Cloudflare)

WP Rocketを使用すると、Cloudflareアカウントをアドオン機能と統合できます.

1.グローバルAPIキー. Cloudflareアカウントの右上にAPIキーがあります。プロファイルに移動して下にスクロールすると、グローバルAPIキーが表示されます。これをコピーしてWP Rocketに貼り付けるだけです.

2.アカウントのメール. これは、Cloudflareアカウントに使用するメールアドレスです.

3.ドメイン. これはドメイン名です。 websitehostingrating.com.

4.開発モード. Webサイトで開発モードを一時的にアクティブにします。この設定は3時間後に自動的にオフになります。これは、サイトに多くの変更を加える場合に適しています.

5.最適な設定. 速度、パフォーマンスグレード、互換性のためにCloudflare構成を自動的に拡張します。このオプションは、最適なCloudflare設定をアクティブにします.

6.相対プロトコル. Cloudflareの柔軟なSSL機能でのみ使用する必要があります。静的ファイル(CSS、JS、画像)のURLは、http://またはhttps://ではなく//を使用するように書き換えられます。.

WP Rocketツール

WP Rocketツール

1.エクスポート設定 WP Rocket設定をエクスポートして別のサイトで使用できます.

2.インポート設定 事前構成されたWP Rocket設定をインポートできます.

3.ロールバック 新しいバージョンのWP Rocketで問題が発生した場合、以前のバージョンに戻すことができます.

HTTP / 2用のWP Rocketの構成

HTTP / 2 Webサーバーとブラウザー間の通信を管理するために1999年から使用されているHTTPのアップグレードです。 HTTP / 2は、より良いデータ圧縮、リクエストの多重化、その他の速度向上により、ページの読み込みを高速化する道を開きます.

多くのサーバーとブラウザはHTTP / 2をサポートしており、SiteGroundのようなほとんどのWebホストはHTTP / 2をサポートしています。このHTTP / 2チェッカーは、サイトがHTTP / 2を使用できるかどうかを通知します.

サイトでHTTP / 2を使用できる場合は、WP Rocketを構成する方法を次に示します.

すべてのCSSおよびJSファイルを可能な限り少ないファイルに連結(結合)する HTTP / 2のベストプラクティスではありません そしてWP Rocketはあなたに ファイル連結をアクティブ化しない の中に .

HTTP / 2用のWP Rocketの構成

WP Rocketは、 これら2つのボックスをオフのままにします. 詳細については、WP Rocketに関するこの記事を参照してください。.

KeyCDNでWP Rocketを使用する方法

KeyCDNを使用してWP Rocketを設定するのは非常に簡単です。 (FYI KeyCDNは、私が使用および推奨するコンテンツ配信ネットワークです)

まず、KeyCDNにプルゾーンを作成します。次にに移動し、[コンテンツ配信ネットワークを有効にする]オプションをオンにします.

keycdnでwp rocketを設定する方法

次に、[サイトのホスト名を次のものに置き換える:]フィールドを、KeyCDNダッシュボード(ゾーンの下)から取得したURLに更新します。 > 作成したプルゾーンのゾーンURL。 URLは次のようになります:lorem-1c6b.kxcdn.com)

または、推奨されるオプションで、選択したURLのCNAMEを使用します(例:https://static.websitehostingrating.com)

WP Rocketで動作するWebホスト?

WP RocketはほとんどすべてのWebホストと互換性があります. ただし、一部の、特に管理されたWordPressホストは、WP Rocketで動作しない場合があります。ホスティングプロバイダーが以下にリストされていない場合でも、WP Rocketと互換性がないわけではありません。 100%確実にする最善の方法は、Webホストに連絡して質問することです.

  • キンスタ:KinstaはWP Rocketバージョン3.0以降のみをサポートします。 WP Rocketのページキャッシュは、Kinsta組み込みキャッシュとの競合を防ぐために自動的に無効になります。 KinstaはWP Rocketの公式パートナーです.
  • WPエンジン:WP Rocketは、WPエンジンで許可されている唯一のキャッシュプラグインです。 WP EngineはWP Rocketの公式パートナーです.
  • SiteGround:WP RocketはSiteGroundの静的、動的、およびmemcachedキャッシングと互換性があります。 SiteGroundはWP Rocketの公式パートナーです.
  • A2ホスティング:WP RocketはA2ホスティングと完全に互換性があります。ただし、WP Rocketプラグインをインストールする前に、サイトにWordPressをインストールする必要があります。 A2 HostingはWP Rocketの公式パートナーです.
  • WebHostFace:WebHostFaceはWP Rocketをサポートしています(そしてその公式パートナーです).
  • サヴィイ:SavviiはWP Rocketをサポートしています(その公式パートナーです).
  • FastComet:WordPressおよびWP Rocket用に特別に最適化されたパッケージを提供します。 FastCometはWP Rocketの公式パートナーです.
  • Bluehost Managed WordPressプラン:BluehostマネージドWordPressはVarnishの設定でWP Rocketの縮小化を計画しているため、BluehostのVarnishをオフにするか、WP Rocketの縮小化をオフにする必要があります.
  • Cloudways WordPressホスティング:WP Rocketの縮小化をCloudwaysのVarnishで使用する場合、Cloudwaysアプリケーション設定でVarnishの除外ルールを作成する必要があります.
  • フライホイール:Flywheelサポートに連絡し、WP Rocketをアクティブにするよう依頼する必要があります.
  • HostGator Managed WordPressプラン:WP RocketはHostGator Managed WordPressホスティングでは許可されていません.
  • 合成:W3 Total Cacheは合成にプリインストールされていますが、削除してWP Rocketに置き換えることができます.
  • WebSavers.ca:WebSavers.caはWP Rocketの公式パートナーです.

WP Rocketと互換性のあるWebホストの詳細については、https://docs.wp-rocket.me/article/670-hosting-compatibilityをご覧ください。.

WP Rocket構成ファイルをダウンロードする

ここで使用しているのと同じWP Rocket構成を自分のサイトに非常に簡単に追加しました。このWP Rocket構成ファイルをダウンロードして、WP Rocket管理者の[ツール]セクションにインポートするだけです。.

無料ダウンロードwpロケット構成ファイル

WP Rocketのコピーを購入してから、WP Rocket構成ファイルをダウンロードして、このサイトで推奨および使用する正確な設定をインポートします。.

3. WP Rocketヘルプ & 公式ドキュメント

何らかの理由でWP Rocketで問題が発生した場合は、WP RocketのWebサイトで役立つ情報がたくさんあります。購入すると1年間のサポートを受けることもできます.

WPロケットヘルプ

以下は、私が最も役立つとわかったWP Rocketチュートリアルのリストです。

  • 入門
  • ホスティングの互換性
  • WP Rocketがページをキャッシュしているかどうかを確認する方法
  • WP RocketでのSSL
  • CDN付きWPロケット
  • CloudflareのWPロケット
  • 500内部サーバーエラーを解決する
  • 縮小に関する問題の解決
  • WP RocketのNGINX構成

WordPressのWP Rocketキャッシングプラグインを使用した経験はありますか?重要な情報を省略しましたか?下記のコメント欄でぜひ聞いてください!

このWP Rocketセットアップチュートリアルが役に立った場合は、ソーシャルメディアで共有することを常にお勧めします.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map