Diviプラグインのハイライト：Divi Rocket

ウェブサイトの読み込み速度は、優れたSEOを維持し、ウェブサイトのバウンス率を下げるために重要です。 パフォーマンスを向上させることができるキャッシュプラグインはたくさんありますが、ほとんどのキャッシュプラグインは汎用です。 これらは、テーマの特定のニーズや機能をターゲットにするのではなく、ほとんどのテーマの主要な設定で機能します。 現在、Divi用に特別に設計されたキャッシュプラグインがあります。

Divi Rocketは、「Divi対応」になるように設計されたサードパーティのプラグインです。 それはDiviがどのように機能するか、そしてDiviのセクションとモジュールに精通しています。 キャッシュを再生成するときに、何をキャッシュし、Diviページで何をチェックするかを認識しています。 この記事では、Divi Rocketを見て、何ができるか、そして使いやすさを確認します。

インストールとアクティベーション

Divi Rocketを使用する前に、ライセンスキーを入力する必要があります。 ディビ>ダッシュボードメニューのディビロケットに移動します。 プラグインをアクティブにすると、メニュータブのロックが解除され、選択を行ったりタスクを実行したりできます。

メニューのデザインはDiviのメニューのデザインに似ています。 見た目はエレガントですが、理解とフォローも簡単です（設定が多すぎてフォローとセットアップが難しいキャッシュプラグインとは異なります）。 また、管理バーにメニューが追加され、現在の投稿のキャッシュ（フロントエンドからサイトを表示している場合）、キャッシュ全体をクリアして、設定を確認できます。

タスク

[タスク]タブには、ファイルを最適化または削除する12のタスクが含まれています。 タスクは次のとおりです。

1. テーブルを最適化する
2. 投稿改訂投稿を削除する
3. 自動ドラフト投稿を削除する
4. ゴミ箱に捨てられた投稿を削除する
5. スパムやゴミ箱に入れられたコメントを削除する
6. 未承認のコメントを削除する
7. ピングバックとトラックバックを削除する
8. 孤立した投稿のメタデータを削除する
9. 孤立したコメントメタデータを削除する
10. 孤立した関係データを削除する
11. 孤立したユーザーメタデータを削除する
12. 孤立した用語のメタデータを削除する

各タスクには、削除される要素の数が表示されます。 完了するタスクを選択し、[選択したタスクの処理]をクリックします。 テーブルの最適化は特に興味深いものです。 これは、Divi用に特別に設計されたデータベース最適化です。 タスクを実行すると、各タスクが成功したかどうか、または最適化が実行されなかったかどうかが表示されます。

ブラウザのキャッシュ

ブラウザのキャッシュを有効にすると、Apacheサーバーのjpg、jpeg、png、gif、svg、pdf、css、js、flv、ic、swfファイルなどの静的リソースをキャッシュするようにブラウザに指示されます。 キャッシュの有効期限の日数を制御し、無視するURLを追加できます。

サーバーキャッシング

サーバーキャッシングは、サーバー側でのキャッシングを有効にします。 任意のユーザーロールのサーバー側キャッシュを無効にすることもできます。

サーバー側のキャッシュは、標準のサーバーキャッシュとは動作が異なります。 ほとんどのキャッシュプラグインは、ページ全体のキャッシュバージョンを保存し、それをブラウザに送信します。 変更が加えられるたびに、ページ全体がキャッシュに再生成されます。

Divi Rocketは、Diviモジュール用に特別に設計されました。 ページの残りの部分は同じままで、ページ上のモジュールが変更される可能性があることを認識しています。 ブログモジュールとショップモジュールは頻繁に変更される可能性がありますが、宣伝文と個人モジュールはそれほど頻繁には変更されないことに注意してください。 これは、変更が行われるたびに、ページ全体ではなく、ページの一部だけを再生成できることを意味します。

遅延読み込み

遅延読み込みでは、ユーザーがDiviセクションにスクロールすると、Diviセクションが読み込まれます。 これは、ユーザーがサイトの閲覧を開始する前に、Webサイトの一部のみをロードする必要があることを意味します。 また、ユーザーがアクセスしたことのないサイトの部分をロードする必要がないことも意味します。

サーバー側のキャッシュが必要であり、まだテスト段階です。 有効にすると、サイトの読み込み時に最初に読み込まれるDiviセクションの数と、読み込みリクエストが送信されるたびに読み込まれるセクションの数を設定できます。

遅延読み込みでは、次のセクションが読み込まれるまで、プリローダー付きの白い背景が表示されます。 テストサーバーの次のセクションの読み込み時間は非常に速かった。

圧縮

圧縮はGZip圧縮オプションを追加します。 この機能は、私のテスト速度に最も大きな影響を与えました。

システム仕様

システム仕様には、 Divi >サポートセンターメニューに表示されるのと同じ情報が表示されますが、設定に関する詳細情報が提供され、さらに多くの情報へのリンクが含まれています。 説明には、サーバーが要件を満たしていない場合に表示される問題の種類に関する情報が含まれています。これは、トラブルシューティングにさらに役立ちます。

その他

その他は、WordPressに4つの新しい設定を追加します。

投稿のリビジョン制限–WordPressが投稿ごとに保持するリビジョンの数を指定できます。 これにより、サーバーのストレージスペースを節約し、使用しないリビジョンをWebサイトで追跡する必要がなくなります。

ピングバックとトラックバックを許可する–それらをオープンまたはクローズに設定します。 1つの設定で両方を制御します。

フッタークレジット–リンクとDiviRocketアイコンを使用してDiviRocketをフッタークレジットに追加します。 それを表示するためのいくつかのオプションがあります。 フッターの下の下部のバーに表示するか（デフォルトのフッターを使用している場合にのみ表示されます）、下部のバーの下の新しいバーの中央に表示するか、無効にします。 デフォルトで有効になっています。 アフィリエイトIDを追加すると、リンクに含まれます。

Divi SpaceアフィリエイトID– Divi Spaceアフィリエイトアカウントをお持ちの場合、ここにIDを追加すると、フッタークレジットのリンクに追加されます。

前後

最適化されていないテストサイトのGTMetrixスコアの前後を見てみましょう。 これはDiviRocketの機能の一部のみをテストするため、実際には完全なテストではありません。 それは私の読み込み速度をどのように改善したかを示しています。

私のテストサイト

拡張機能または圧縮機能を実行する前のテストスコアは次のとおりです。 私のPageSpeedスコアは45％、YSlowは63％、フルロード時間は3.5秒、ページサイズは2.12MBで、39回のリクエストを行います。 DiviMagazineレイアウトパックのランディングページを使用しています。

PageSpeedは、私の最も重要なニーズが圧縮を有効にし、ブラウザのキャッシュを活用することであることを示しています。

YSlowは、期限切れヘッダーの追加、コンポーネントの圧縮、CDNの使用、HTTPリクエストの削減などの最も重要な領域を示しています。

ブラウザキャッシュのみが有効になっている

PageSpeedとYSlowの両方のスコアがわずかに改善されました。 フルロード時間が短縮されました。 ページサイズとリクエストは同じままでした。

Leverage BrowserCachingが49から96に移動しました。

addexpiresヘッダーのYSlowスコアが0から78になりました。

サーバーキャッシュの追加

サーバー側のキャッシュにより、完全に読み込まれた時間とリクエストの数がわずかに改善されました。 もちろん、これは物語の一部を物語っているだけです。 サーバー側のキャッシュが変更されたモジュールのみを更新するように機能するため、サーバーリソースにさらに改善が見られます。

JavaScriptの解析を延期するためにPageSpeedスコアが減少しました。

YSlowスコアは、HTMLリクエストが少ないほどわずかに改善されました。

GZipの追加

GZip圧縮を有効にすると、最大の改善が見られました。 PageSpeedは92％になり、YSlowは84％になりました。 フルロード時間は1.7秒に減少し、合計ページサイズは862KBに減少しました。 リクエストは同じままでした。

PageSpeedの場合、有効化圧縮が0から100になりました。

YSlowの場合、圧縮コンポーネントは0から100になりました。

結果

DiviRocketがGTMetrixスコアを向上させる方法は次のとおりです。

• 45から92までのPageSpeed
• YSlowは63から84
• 3.5秒から1.7秒までのフルロード時間
• 合計ページサイズは2.12MBから862KB
• 39から38までのリクエスト

これらのスコアは、サイトに他の変更はありません。

価格とドキュメント

DiviRocketは開発者のWebサイトから購入できます。 DiviRocketにはいくつかの購入オプションがあります。

• 単一サイト–年間49ドル
• 3つのサイト–年間89ドル
• 無制限のサイト–年間179ドル

また、年間および生涯のメンバーシップにも含まれています。

ドキュメントは開発者のWebサイトで提供されています。 プラグインの機能を順を追って説明し、その使用方法を示します。 この記事では必要ありませんでしたが、利用できるのはうれしいです。

終わりの考え

DiviRocketは興味深いプラグインです。 使いやすく、すっきりとしたメニューデザインが気に入っています。 一般的なWordPress製品というよりはDivi製品のように見えます。 私はそれがDiviのために特別に設計されており、他のキャッシュプラグインができない方法でセクションとモジュールを利用しているのが好きです。 扱う設定はそれほど多くありませんが、それでもほとんどのWebサイトで必要となる設定を提供します。 各機能の機能を説明しているため、経験豊富な開発者と初心者の両方に最適です。

私のテストは物語の一部しか伝えていません。 たとえば、データベースを最適化するためのサーバーの負荷の節約と、個々のモジュールの更新をチェックする方法により、サーバーのリソースを節約できます。 これは、読み込み速度スコアには表示されません。

Extraで動作することを望んでいます。 開発者のページには、さらに多くの機能が開発中であることが示されています。 間もなくCSSとJavaScriptを縮小して組み合わせる予定です。 また、CDNも含まれます。CDNは、Diviのコアファイルをキャッシュして、標準のCDNよりもさらにパフォーマンスを向上させます。

Divi Rocketは、完全に最適化されていないテストサイトの速度を、他のキャッシュプラグインと同じレベルにまで向上させました。 ミニファイとCDNが追加されると、DiviWebサイトにとってはるかに優れたオプションになるはずです。

我々はあなたから聞きたい。 ディビロケットを試しましたか？ コメントであなたがそれについてどう思うか教えてください。

Victoruler /shutterstock.com経由の注目の画像