Astraテーマ・チュートリアル:キャッシュ・プラグインで高速化する方法

サイトの読み込み速度は、訪問者の滞在時間や検索エンジンランキングのパフォーマンスに直接影響します。Astraテーマを使うということは、軽量で高性能なページベースをすでに持っているということです。しかし、アクセススピードをさらに向上させたい場合、テーマだけでは不十分です。

無料のキャッシュプラグインと組み合わせることで、ページを開く速度を1段階上げることができ、本当の「数秒で開く」体験を実現することができる。この記事では Astraとキャッシュ・プラグインフリーのツールを使用した、協調的な高速化手法は、スピード・パフォーマンスを重視するウェブマスターが深く参考にするのに適している。

画像[1] - アストラテーマフリースピード:数秒でサイトを達成するためにキャッシュプラグインを使用します!

I. アストラ・テーマ自体のパフォーマンス上の利点

Astraは、以下の機能を備えた高速ロードのために設計されたWordPressテーマです:

性格描写指示
jQueryなし従来のJSブロックの問題を回避する
モジュラー・ローディング有効なコンポーネントのみをロードする
モダンエディターのサポートGutenberg、Elementorとシームレスに動作する
AMPページに対応モバイルアクセス速度の向上
レスポンシブレイアウト様々なデバイスの画面に自動的に適応

Astraの軽量な構造は、キャッシュ・プラグインを使用する際に望ましい高速化を容易にする。

次に、推奨される無料のキャッシュ・プラグインです。

1. LiteSpeed キャッシュ

画像[2] - アストラテーマフリースピード:数秒でサイトを達成するためにキャッシュプラグインを使用します!

LiteSpeed Cacheプラグインはフル機能で使いやすい。特にLiteSpeedまたはOpenLiteSpeed環境で構築されたWordPressサイトに適しています。

主な特徴は以下の通り:

  • ページキャッシュ
  • ブラウザ・キャッシュ・コントロール
  • 画像の遅延ロード
  • データベースのクリーンアップ
  • WebP画像の自動化
  • CDNドッキング(QUIC.cloudとCloudflareに対応)

2. W3 Total Cache

画像[3] - アストラテーマフリースピード:数秒でサイトを達成するためにキャッシュプラグインを使用します!

W3 Total Cacheは、複数のキャッシュを提供するプロ仕様の無料プラグインです:

  • ページキャッシュ
  • ブラウザのキャッシュルール設定
  • データベース・クエリ・キャッシング
  • 圧縮 HTML、CSS、JS
  • Gzip圧縮のサポート
  • スタティック・リソース・キャッシュ管理

キャッシング・メカニズムを細かく制御したいビルダーに理想的だ。

LiteSpeed Cache + Astra 設定方法

ステップ1:プラグインをインストールして有効にする

バックエンドのプラグインページで "LiteSpeed Cache "を検索し、インストールと有効化をクリックする。

画像[4] - アストラテーマフリースピード:数秒でサイトを達成するためにキャッシュプラグインを使用します!

ステップ2:基本的なキャッシュを有効にする

LiteSpeed Cache > キャッシュ設定:

  • コミッション(キャッシュ官能性
  • モバイル用の個別キャッシュを有効にする
  • ログインユーザページがキャッシュされない(バックエンドの編集ページが誤ったキャッシュを避けるため)
  • コメント・ユーザーのキャッシングは、必要に応じて有効にも無効にもできます。
画像[5] - アストラテーマフリースピード:数秒でサイトを達成するためにキャッシュプラグインを使用します!

ステップ3:リソースの最適化を有効にする

LiteSpeed Cache > 最適化設定:

画像[6] - アストラテーマフリースピード:数秒でサイトを達成するためにキャッシュプラグインを使用します!
画像[7] - アストラテーマフリースピード:数秒でサイトを達成するためにキャッシュプラグインを使用します!
  • HTML圧縮を有効にする
画像[8] - アストラテーマフリースピード:数秒でサイトを達成するためにキャッシュプラグインを使用します!
画像[9] - アストラテーマフリースピード:数秒でサイトを達成するためにキャッシュプラグインを使用します!
  • URLクエリー文字列の削除
画像[10]-アストラテーマフリースピード:数秒でサイトを達成するためにキャッシュプラグインを使用しています!

ステップ4:画像の最適化設定

LiteSpeed Cache > Image Optimisationパネル:

画像[11]-アストラテーマフリースピード:数秒でサイトを達成するためにキャッシュプラグインを使用します!
  • 遅延ロードを有効にする(Astra自体で有効になっていない場合)
画像[12]-アストラテーマフリースピード:数秒でサイトを達成するためにキャッシュプラグインを使用しています!
  • 両方に遅延ロード設定がある場合は、LiteSpeedの方を有効にしてください。

ステップ5:キャッシュされたページパスを除外する

ショッピングカート、チェックアウトページ、バックエンド、その他のページのキャッシュを避けるために、以下のパスを除外することをお勧めします:

/wp-admin/*
/カート
/チェックアウト
/マイアカウント
画像[13]-アストラテーマフリースピード:数秒でサイトを達成するためにキャッシュプラグインを使用します!

キャッシュプラグインを使用したアストラの実技

ページビルダーの最適化

ElementorまたはGutenbergを使用してページを構築する場合、ビルダー独自のキャッシュ最適化をオンにするのは避け、リソースのマージとデファリングをLiteSpeed Cacheプラグインに任せて、機能の競合を避けるべきです。

ホームページの読み込み最適化の提案

Astraのネイティブなシンプルさとキャッシュプラグインのサポートを組み合わせれば、数秒で開くホームページを簡単に実現できます。ロード時間をさらに短縮するために、トップページでの動画、ソーシャルスクリプト、サードパーティフォント、その他の重いリソースコンテンツの使用を減らすことをお勧めします。

フォント読み込みコントロール

LiteSpeed Cacheで利用可能フォントプリロードの設定またはローカライズしてGoogle Fontsの読み込み遅延を軽減してください。特別な必要がない場合は、システムフォントまたはカスタムアップロードされたフォントを使用することをお勧めします。

画像圧縮とフォーマット変換

プラグインパネルからWebPサポートを有効にし、自動圧縮を有効にすると、効果的に画像リソースの割合を減らすことができ、特にコンテンツ画像が多いブログや企業サイトに適しています。

V. 速度測定と性能検証ツール

AstraとLiteSpeed Cacheを組み合わせると、以下のツールが負荷スピードテストに推奨されます:

アーティファクト機能説明
Googleページスピードインサイトモバイル/デスクトップのパフォーマンス測定基準の分析
ジーティーメトリックスローディング時間、ファイルサイズ、最適化の提案を見る
PingdomツールアクセスレイテンシーとDNSレスポンスの迅速なテスト

ページパフォーマンスの参考値:

  • 最初の画面ロード < 2.5 秒
  • ページサイズ < 1MB
  • リクエスト数を50以下に抑える
  • 90%以上のキャッシュヒット

VI. W3 Total Cache クイックセットアップの推奨事項

ApacheまたはNginx環境を使用している場合は、次のように設定してみてください。 W3 Total Cache::

  • ページキャッシュを有効にする(ディスク:拡張)
画像[14]-アストラテーマフリースピード:数秒でサイトを達成するためにキャッシュプラグインを使用しています!
  • ブラウザのキャッシュを有効にする
画像[15]-アストラテーマフリースピード:数秒でサイトを達成するためにキャッシュプラグインを使用しています!
画像[16]-アストラテーマフリースピード:数秒でサイトを達成するためにキャッシュプラグインを使用しています!
  • 圧縮 HTML、CSS、JS
画像[17]-アストラテーマフリースピード:数秒でサイトを達成するためにキャッシュプラグインを使用します!
  • CDN設定 Cloudflare無料サービスとのオプションバンドル

操作インターフェースが複雑になるので、テストは項目ごとに保存することをお勧めする。

よくある質問

Astraとキャッシュプラグインは競合しますか?

Astraは規律正しくシンプルな構造で書かれており、通常はキャッシュ・プラグインと衝突することはない。同じ最適化が繰り返し有効にならない限り(例えば遅延読み込み)で安定した動作を実現する。

キャッシュを有効にした後、記事の更新が同期されない場合はどうすればよいですか?

デフォルトでは、キャッシュプラグインは投稿後に自動的にキャッシュをクリアします。更新が反映されない場合は、プラグインの設定で手動でキャッシュをクリアするか、「投稿保存時にキャッシュをクリアする」機能を有効にしてください。

LiteSpeed Cacheはどのホストで利用できますか?

LiteSpeed CacheはLiteSpeedまたはOpenLiteSpeedサーバに最適です。また、Pagoda Panelを使用している場合は、OpenLiteSpeedと一緒にデプロイすることもできます。Nginx や Apache を使用している場合は、W3 Total Cache をお勧めします。

VIII.キャッシュ最適化チェックリスト(LiteSpeed Cache)

チェックリスト推奨設定
プラグイン有効で御座います
ページキャッシュ有効で御座います
モバイル・キャッシュの独立性で御座います
バックエンドと注文ページのキャッシュを排除で御座います
画像の遅延読み込みが可能にで御座います
WebPフォーマットを有効にするで御座います
CSS/JSのマージと圧縮で御座います
フォント・プリロード・プロセスで御座います
CDNの設定が正しい選択可能
データベースのクリーンアップが有効で御座います
リソースの読み込み遅延は正常で御座います

最適化機能の使用前と使用後のパフォーマンスの変化を比較し、最も安定した互換性のある組み合わせを選択することをお勧めします。

概要

アストラのテーマLiteSpeed CacheやW3 Total Cacheのような無料のキャッシュ・プラグインを使えば、レスポンス・タイムをさらに短縮し、直帰率を下げることができる。高速化の全プロセスは、合理的な構成が優れた読み込み速度を得ることができる限り、追加費用は無料です。

現在のウェブサイトのスピードに満足していない場合は、この記事で提供されている設定を試し、スピードテストツールを使って比較してみてください。いくつかの簡単なステップで、あなたのアストラ・ウェブサイトは「軽くて速い」ものになるでしょう。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事はlmxによって書かれた
終わり
好きなら応援してください。
クドス622 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし