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

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

無(wú)料のキャッシュプラグインと組み合わせることで、ページを開(kāi)く速度を1段階上げることができ、本當(dāng)の「數(shù)秒で開(kāi)く」體験を?qū)g現(xiàn)することができる。この記事では Astraとキャッシュ?プラグインフリーのツールを使用した、協(xié)調(diào)的な高速化手法は、スピード?パフォーマンスを重視するウェブマスターが深く參考にするのに適している。

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

I. アストラ?テーマ自體のパフォーマンス上の利點(diǎn)

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

性格描寫指示
jQueryなし従來(lái)のJSブロックの問(wèn)題を回避する
モジュラー?ローディング有効なコンポーネントのみをロードする
モダンエディターのサポートGutenberg、Elementorとシームレスに動(dòng)作する
AMPページに対応モバイルアクセス速度の向上
レスポンシブレイアウト様々なデバイスの畫面に自動(dòng)的に適応

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

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

1. LiteSpeed キャッシュ

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

LiteSpeed Cacheプラグインはフル機(jī)能で使いやすい。特にLiteSpeedまたはOpenLiteSpeed環(huán)境で構(gòu)築されたWordPressサイトに適しています。

主な特徴は以下の通り:

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

2. W3 Total Cache

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

W3 Total Cacheは、複數(shù)のキャッシュを提供するプロ仕様の無(wú)料プラグインです:

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

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

LiteSpeed Cache + Astra 設(shè)定方法

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

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

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

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

LiteSpeed Cache > キャッシュ設(shè)定:

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

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

LiteSpeed Cache > 最適化設(shè)定:

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

ステップ4:畫像の最適化設(shè)定

LiteSpeed Cache > Image Optimisationパネル:

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

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

ショッピングカート、チェックアウトページ、バックエンド、その他のページのキャッシュを避けるために、以下のパスを除外することをお?jiǎng)幛幛筏蓼梗?/p>

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

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

ページビルダーの最適化

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

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

Astraのネイティブなシンプルさとキャッシュプラグインのサポートを組み合わせれば、數(shù)秒で開(kāi)くホームページを簡(jiǎn)単に実現(xiàn)できます。ロード時(shí)間をさらに短縮するために、トップページでの動(dòng)畫、ソーシャルスクリプト、サードパーティフォント、その他の重いリソースコンテンツの使用を減らすことをお?jiǎng)幛幛筏蓼埂?/p>

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

LiteSpeed Cacheで利用可能フォントプリロードの設(shè)定またはローカライズしてGoogle Fontsの読み込み遅延を軽減してください。特別な必要がない場(chǎng)合は、システムフォントまたはカスタムアップロードされたフォントを使用することをお?jiǎng)幛幛筏蓼埂?/p>

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

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

V. 速度測(cè)定と性能検証ツール

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

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

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

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

VI. W3 Total Cache クイックセットアップの推奨事項(xiàng)

ApacheまたはNginx環(huán)境を使用している場(chǎng)合は、次のように設(shè)定してみてください。 W3 Total Cache::

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

操作インターフェースが複雑になるので、テストは項(xiàng)目ごとに保存することをお?jiǎng)幛幛工搿?/p>

よくある質(zhì)問(wèn)

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

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

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

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

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

LiteSpeed CacheはLiteSpeedまたはOpenLiteSpeedサーバに最適です。また、Pagoda Panelを使用している場(chǎng)合は、OpenLiteSpeedと一緒にデプロイすることもできます。Nginx や Apache を使用している場(chǎng)合は、W3 Total Cache をお?jiǎng)幛幛筏蓼埂?/p>

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

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

最適化機(jī)能の使用前と使用後のパフォーマンスの変化を比較し、最も安定した互換性のある組み合わせを選択することをお?jiǎng)幛幛筏蓼埂?/p>

概要

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

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


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

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

    コメントなし