スピードアップする方法 WordPress ウェブサイトとパス Core Web Vitals – 2026ガイド

今日のデジタル時代では、 WordPress ウェブサイトの速度と最適化は、最適なユーザー エクスペリエンスを提供する上で重要な役割を果たします。 Web サイトの読み込みが遅いと訪問者をイライラさせるだけでなく、検索エンジンのランキングやオンライン全体の評判に悪影響を与える可能性があります。

実際、統計によると、 そうでない場合、ユーザーの 40% は Web サイトから離脱します。 3秒以内にロードしてください しかし、Web サイトの高速化が必要な理由はユーザーの維持だけではありません。 

遅いスピードを速くする方法 WordPress サイトとパス Core Web Vitals?

ゆっくりスピードアップする方法 WordPress サイト&パス Core Web Vitals

一言で言えば、次のものが必要です。

  • 軽量テーマ (Kadence、アストラ、GeneratePress または OceanWP)

いくら強調しても足りませんが、高速な Web ホスティングがなければ、Web サイトのパフォーマンスを向上させるのに時間を無駄にしているだけです。テーマやテーマなどのパフォーマンスの調整を行う前に、高速な Web ホストを使用することが、高速に読み込まれる Web サイトを取得するための最初のステップです。 caching 等々

読み込み速度が速いと、検索結果で上位にランクされるのにも役立つことを覚えておいてください。このことを考えると、次のように言えます。 WordPress 速度の最適化は共通の懸念事項です プラットフォーム上でウェブサイトを作成または運営する人向け。 Web サイトを最適化すると、ページの読み込み時間を短縮できます。 

この記事では、次のようなときに役立つ重要なヒントを紹介します。 WordPress 速度の最適化。 

DNSの変更、ホスティング設定、画像の最適化などについて説明します。ただし、これらに入る前に、appユーザーが WordPress サイト。 

方法を理解する WordPress ワークス 

私が何年にもわたって学んだ最も重要なことの一つは、 WordPress コンテンツ管理など、さまざまな用途に最適です。ただし、速度はこのプラットフォームの特徴ではありません。それはそのプラットフォームの仕組みによるものです。 

誰かがあなたのところを訪れたとき、 WordPress, このプラットフォームは、データベースやテーマなどのさまざまなソースからデータを取得し、そのすべてを HTML ファイルに結合します。 このプロセスが完了すると、HTML ファイルがユーザーの Web ブラウザに送信されます。 

ただし、言えることは、 外出先でページを作成することは、理想的なパフォーマンスを実現するための適切なオプションではありません。 さらに、次のようなこと pluginとテーマをすべて同時に実行する 貴重品を消費する server リソース、 読み込み速度が低下する原因となります。 

これは、最適化できないという意味ではありません。 WordPress スピード重視のサイト。というときにできることはたくさんあります WordPress 速度の最適化。それらが何であるかを掘り下げてみましょう。

DNS速度
出典: DNSPref

DNS を変更すると、 WordPress サイトですが、 行動を起こす前に、 DNS速度を確認してください. まず最初に知っておく必要があるのは、ドメイン レジストラーが DNS プロバイダーであるため、切り替えていない場合は、最初のバイトまでの時間 (TTFB) が遅くなる危険性があるということです。

このhappいくつかの理由から、 ネットワーク遅延、予定外の DNS メンテナンス、およびネットワークのホストの によってブロックされました Google. SEO ランキングを失うことになる可能性もあります。知っておくべき主なことは、Cloudflare の DNS は良好にパフォーマンスするということですが、 ライトスピード server、QUIC の DNS を使用する方が良い選択肢です。

それはあなたに与える 正確な地理的ルーティング QUIC の CND とうまく統合します。他にも Kinsta や Cloudways などのオプションがあり、どちらもプレミアム DNS を提供します。しかし、知っておく必要があるのは、 KinstaはAmazon Route 53を使用し、CloudwaysはDNS Made Easyを使用します、そしてそれらは両方ともより遅いです Cloudflare のクエリ速度は 13.47 ミリ秒 (ms) です。

DNS を Cloudflare に変更するには:

  1. プラットフォームにサインアップします。
  2. Web サイトを追加します。
  3. フォロー 名前を変更するservers プロンプトが表示されたら準備完了です。

メインストリームホストを選ばないでください

ほとんどの人は、人気のあるホスティング プランやプロバイダーが自分にとって最良の選択肢であると考えています。ただし、速度が気になる場合は、 WordPress このサイトでは、これが 100% 真実ではないことを知っておく必要があります。多くのホスティング会社がマーケティングや広告に資金を投じて、次のように表示できるようにしていることを理解する必要があります。 「最良の選択肢です。」

私が何年にもわたって学んだことの 1 つは、ホスティング プランに関するすべての情報が正確であるわけではないということです。このことを踏まえると、私はオンラインで見るレビューやビデオを無視してスペックに頼る傾向があり、あなたにも同じようにすることをお勧めします。

以下は、比較できる人気のホスティングプロバイダーのデータです。

  • 共有ホスティング プランの仕様:
 サイトグラウンドグロービッグホスティンガー ビジネス WPWPX事業A2 ホスティング ターボ ブーストNameHero Turbo Cloud
タイプ共有共有共有共有共有
Serverアパッチ + Nginxライトスピードライトスピードライトスピードライトスピード
Cache PluginSG OptimizerLSCLSC または W3TCLSCLSC
CDNGoogle クラウドQUIC.cloudQUIC.cloud/XDNQUIC.cloudQUIC.cloud
全ページ cachingありQUICを使用するQUICを使用するQUICを使用するQUICを使用する
DNSによってブロックされました Google 4日の内部/QUIC内部/QUIC内部/QUIC内部/QUIC
コア/RAM隠されました2コア/1.5GB1コア/1GB2コア/2GB3コア/3GB
Storage20GB/SATA200GB/SATA15GB/SATA「無制限」/NVMe「無制限」/NVMe
オブジェクト CacheMemcacheMemcacheいいえRedisのRedisの
データベースMySQLMariaDBMariaDBMariaDBMariaDB
リソース制限CPUリソースは共通資源が少ない資源が少ないLiteSpeed で効率的LiteSpeed で効率的
Inode400,000600,000裁量により600,000500,000
コントロールパネルサイトツールhパネルWPXパネルcPanelのcPanelの
メールストレージ10GB1GB複数の制限無制限無制限
重大事件TTFB/DNS/CPU の問題と非倫理的2019 年の詐欺レポート、偽レビュー、侵害世界規模の停電は死亡したCEOのせい2週間にわたるランサムウェア攻撃2日間のノード停止と謝罪文の発行
TrustPilot の評価4.64.64.94.44.6
導入価格月額$ 6.99月額 $3.99、3 か月間無料月額 $20.83、2 か月間無料月額$ 6.99月額$ 10.97
更新月額$ 29.99月額$ 8.99月額$ 20.83月額$ 22.99月額$ 19.95
仕様DetailsDetailsDetailsDetailsDetails

  • クラウドホスティングプランの仕様:
 SiteGround クラウド ジャンプ スタート プランWP エンジン スタートアップ プランKinstaスタータープランCloudways Vultr HF (2GB) Rocket.net スタータープラン
タイプクラウドクラウドクラウドクラウドプライベートクラウド
Serverアパッチ + Nginxアパッチ + Nginxアパッチ + Nginxアパッチ + Nginxアパッチ + Nginx
コア/RAM4コア/8GB記載されていない12コア/8GB1コア/2GB32コア/128GB
Storage40GB10GB10GB64GB10GB
CDNGoogle クラウドクラウドフレアとポーランド語Cloudflare、全ページ caching、およびファイアウォール ルールCloudflare Enterprise 月額5ドルCloudflare Enterprise
CDN 帯域幅非従量制述べられていません100 GB100GB無制限
DNSインナーインナーアマゾンルート53DNS は月額 5 ドルで簡単にCloudFlare
Cache PluginSG Optimizer無し無しそよ風無し
オブジェクト CacheMemcachedMemcachedRedis は月額 100 ドルRedis プロRedisの
PHPプロセッサ高速CGIHHVM高速CGIFPMライトスピード
PHP ワーカー述べられていません述べられていません2 PHP ワーカー無制限無制限
メモリ制限調節可能512 MB256MB調節可能1GB
データベースMySQL述べられていません述べられていませんMariaDBMariaDB
Nginx リバース proxyあり手動設定月額$ 50ありあり
帯域幅または月次訪問数5TB50GB、月間25,000アクセス25,000 visits per month2TB50 GB、月間 250,000 人の訪問者
メールホスティングあり無し無し無し無し
マルウェアの削除スキャナのみ無し撤去の誓約書無しImunify360
重大事件TTFB/DNS/CPU の問題と非倫理的2015 年の侵害なしなしなし
TrustPilot の評価4.64.54.24.54.9
価格月額$ 100年払いの場合、月額 20 ドル月額$ 35 月額 30 ドル、CF エンタープライズには追加の 5 ドル月額$ 30。
仕様DetailsDetailsDetailsDetailsDetails

私が共有した情報に基づいて、自分に最適なホスティング プロバイダーを選択できます。ただし、これまで述べてきた共有プラットフォームとクラウド ホスティング プラットフォームの両方について、指摘しておきたい重要な点がいくつかあります。これらのプラットフォームについて読まれる肯定的なレビューは、100% 正確ではありません。

つまり、そうする方が良いです TrustPilotなどのプラットフォームで1つ星または2つ星のレビューを絞り込み、ユーザーが何を期待しているかを確認します。appyについて。 さらに、次のような一部の共有ホスティングプロバイダーは、 ホスティングレは持っています 経験のあるデータ侵害 何百万もの顧客に影響を与えています。 WPXが停止しました そのため、多くの Web サイトがオフラインになり、ユーザーはコミュニケーションの欠如について不満を抱いていました。

自分に合ったものを選ぶときは、 WordPress サイトで少し調査するだけで済みます。これには、TrustPilot でいくつかの悪いレビューを調べたり、Reddit でユーザー エクスペリエンスについて読んだり、仕様を分析したりすることが含まれます。

ホスティングアカウントの設定を構成する

ほとんどの人はこの点を無視し、デフォルトのホスティング構成オプションをそのまま使用します。

たとえば、ウェブサイトが配信されていない場合、 cached ページ、つまり、過負荷になる可能性があります。 serverこれにより速度が低下し、最悪の場合、Web サイトがクラッシュする可能性があります。構成できるホスティング設定はプロバイダーによって異なりますが、rally 以下を含むさまざまな側面が関係します。

  • OPcache – これが提供されているものであれば、それを使用してください。の OPcache PHPに組み込まれています プリコンパイルされたスクリプトのバイトコード共有メモリによって動作するため、Web サイトのパフォーマンスが向上します。 PHP がリクエストごとにスクリプトをロードする必要はありません.
  • Caching 層 – オプションがある場合 Ngnix のようなものを使用する、 やれ。上で述べた一部のホスティング オプションはすべて Nginx リバースをサポートしています proxy、できるようにする cache コンテンツを編集し、Web サイトの速度を向上させます。
  • ブロトリ – Brotli をサポートしているホストはそれほど多くはありませんが、サポートしている場合は大きな利点があります。可逆圧縮アルゴリズムです。 2 次コンテキスト モデリング、LZ77 アルゴリズム、およびハフマン コーディングのさまざまなバリエーションを使用してデータを圧縮します。
  • Resource Usage – ほとんどの人はこれを見落としがちですが、リソースの使用状況とエラー ログを常に監視することが非常に重要です。同時に使用するリソースが多すぎると、速度に影響を与える可能性があります。
  • Redis vs. メムcached – どちらも優れたオプションですが、ここでは Redis が優れています。 Mem よりも優れたメモリ使用率を提供します。cached ハッシュ構造を使用し、ディスク ダンプにサードパーティ ツールに依存しない場合。

Cloudflare APO、エンタープライズ、または QUIC.cloud LiteSpeedで

Cloudflareの 自動パフォーマンス最適化 (APO) は、次のことに関して最も重要なことです。 WordPress 速度の最適化。 基本的にCloudflareがあなたのサービス全体を WordPress できる限りサイト cache 動的コンテンツ、 高速かつ一貫した TTFB を取得するのに役立ちます。

他のプロバイダーが独自のサービスを提供していることは知っています CDNそして、決断を下すのは大変なことかもしれません。ですので、確認した方が良いのは、 CDNのパフォーマンスは、Cloudflareとしては素晴らしいものです。CloudFlare CDN のトップパフォーマーです cdnpref.com などよりも優れています。 Google そしてアカマイ。 

クエリ速度はわずか 26.81 ミリ秒です。 よりも 0.16 ミリ秒高速 Google そしてなんと Akamai よりも 6.22 ミリ秒高速です。

CDN 速度
出典: CDN好みます

APO と Enterprise Cloudflare プランの比較

詳細に入る前に、APO はほとんどの Web サイトの仕事を完了させますが、APO がなければ意味がないことを指摘しておきたいと思います。 エンタープライズ版。したがって、APO ルートを選択する場合は、ファイアウォール セキュリティ、イメージの最適化、SSO サポートなどの点で妥協する必要がある可能性があります。

ここで、知っておく必要があるのは、一部のホスティング プラットフォームはサポートしているということです。 Cloudflare Enterprise, しかし、いくつかの機能が欠けています。私の経験に基づいて、私は次のように信じています Rocket.net Enterprise バージョンの提供に近いものです。のために設定されています WordPress 箱から出してすぐに使えて、次のようなたくさんのメリットが付いています。 画像の最適化、段階的 caching、スマートルーティング、 もっと。

決断するのは難しいかもしれません。そこで、Cloudflare Freeを使用するか、有料を使用するかを決めるのに役立つ要素のリストをまとめました。 Cloudflare Enterprise クラウドウェイズ、フライングProxyまたは Rocket.net.

  • での Tbps 192 と 285 の PoP はすべて同じです。 Cloudways は APO をサポートしていないため、APO をサポートする必要があります。 Cloudflare Freeで使用するには月額5ドルを支払います。
  • 飛行 Proxy Agro Smart Routing はありません、Cloudflareで無料で使用するには追加料金を支払う必要があります。
  • HTTP/3 と WAF はすべてのオプションで一貫しています; Cloudflareの負荷分散には追加料金がかかる可能性があります app最初の 500,000 クエリの後に ly になります。
  • 自動構成を備えたオプションはありません。 Rocket.net, ただし、取得できる帯域幅は選択したホスティング プランによって異なります。

LiteSpeed QUIC のスタンダードプラン

あなたがしている場合 ライトスピード server Cloudflareを使用できない場合は、QUICが最適な選択肢です あなたのために。他と比較してみました バニーのような代替品 CDN、 飛行CDN、SiteGround 2.0。 ここに私が見つけたものがあります:

  • その 帯域幅 あなたはそうではありません 虚偽の宣伝 そして本当に無制限です。
  • geo レプリケーションやフルページなどに追加料金を支払う必要はありません caching.
  • QUIC の標準プランでは、イメージの最適化や HTTP/3 負荷分散 WAF アンチ DDoS に追加料金を支払う必要はありません。

ページビルダーをやりすぎないでください

ページ ビルダーに関して知っておく必要がある最も重要なことは、ページ ビルダーはサイトに追加の CSS と JavaScript を追加し、メモリ使用量を増加させることです。これは、ページ ビルダーを使用していると最高速度が得られないという意味ではありません。可能ですが、ホスティングと pluginを使用しているため、最適化する必要があります。

したがって、ページビルダーを使用する場合は、次のことを確認してください。

  • Load Font Awesome 4 のサポートはオフになっています。
  • 利用可能なパフォーマンス設定はすべてオンになっています。
  • ウィジェットと列の使用は最小限に抑えてください。
  • ページビルダーを使用しないときは、オフにしてください。
  • CSS の印刷方法が「外部スタイル」に設定されていることを確認してください。

画像を使用する CDNs

2024 年、今日のコンテンツのすべては画像 (およびビデオ) です。画像を最適化しないと、 server リソースの消費と肥大化。っていうことは 画像を使った方が良い CDNとは対照的に plugins.

私は何年にもわたってかなり多くのツールを使用してきました。 Imagify、ShortPixel、Bunny Optimizer、Cloudflare Mirage/Polish、いくつか例を挙げると。これらすべてのオプションの中で、CloudFlare が最良のオプションであることがわかりました。それはあなたに与えます:

  • WebP。
  • モバイルのサイズ変更。
  • AVIF変換。
  • ネットワークの最適化。
  • いいえ server 使用感と膨らみはありません。
  • AVIF は以下の画像をサポートおよび提供します。 CDN.

そして最良の部分は、それが含まれていることです。 CloudFlare Enterprise。あなたはそれを覚えておく必要があります 最も CDNWebP をサポート、それらの中には常に画像を変換するとは限らないため、変換する必要があります。se Chrome Dev Tools を開き、イメージが変換されたかどうかを確認します。 もう 1 つ留意すべき点は、寸法を具体的に指定する必要があるということです。

ブリッジ cache pluginこれは自動的に行われますが、そうでない場合は、いつでも行うことができます HTML ファイル内の画像の寸法を変更します。 最後に、 ブラウザを設定する cache TTL は 365 日まで 長い方が良いので cache 静的画像は変更されないため、有効期限が切れます。

あなたのことを確認してください Cache Web の重要性に対処する構成

Web Vitals は基本的にパフォーマンス指標です。 Google Web サイトの全体的なユーザー エクスペリエンスを測定する際に考慮します。これは検索ランキングに影響を与える可能性があります。最も無料であることを知っておくことが重要です cache plugins これをサポートする機能が欠けていますが、選択しなければならないとしたら、私はこれを選びます スイフトパフォーマンスまたはW3。

これ以外に、SG オプティマイザーのオプションや、Lazy レンダリング HTML 要素や APO 互換性などの WP Rocket の必須機能があります。これにより、実際には 2 つの選択肢が残されます。以下の比較をご覧ください。 

                                        LiteSpeed Cache      FlyingPress
Server側 cachingありいいえ
JavaScriptの遅延ありあり
未使用のCSSを削除する別ファイル別ファイル
重要なCSSありあり
Preload 批判的な画像番号に基づいていいえ
スクロールせずに見える画像を除外するオートマチックオートマチック
遅延ロードの背景画像いいえヘルパークラス
HTML 要素を遅延レンダリングするありあり
不足している画像の寸法を追加するありあり
YouTube iframe プレビュー画像ありあり
セルフホスト YouTube プレースホルダーいいえあり
フォントをローカルでホストするありあり
フォント表示:入れ替えありあり
Preload リンクありあり
CDNQUIC.cloudバニー CDN
APO の互換性ありあり

正直に言うと、WP Rocket は長年にわたって遅れをとっており、LCP の最適化、画像、ローカルでのフォントのホストには最適な選択肢ではないと思います。に切り替えました FlyingPress 最近、そう言えます。 ウェブの重要性とスピードに最適です。

を縮小することもできます。 cache plugin もしあなたが〜なら CloudFlareを使用する の三脚と CSS/Javaを組み合わせないでください これはウェブサイトの速度を低下させる可能性があり、HTTP/2 では行うべきではないからです。

構成 Perfmatters あなたの設定 Cache Plugin

私は使った Perfmatters 何年にもわたってかなり多くのことを行ってきましたが、私が学んだことに基づいて言えば、構成する必要がある設定はそれぞれの環境ごとに確実に異なります。 plugin。 になると cache plugin実際、価値のある選択肢は 4 つだけです。そこで、それぞれの内訳を以下に示します

Perfmatters SettingFlyingPressLiteSpeed CacheWP RocketSiteGroundオプティマイザー
全般すべてのオプションを有効にするwp-login と heartbeat を移動する以外のすべてのオプションを有効にするハートビートを除くすべてのオプションを有効にするハートビートを除くすべてのオプションを有効にする
資産スクリプトマネージャーを有効にするスクリプトマネージャーを有効にするスクリプト マネージャーを有効にして、未使用の CSS を削除します。スクリプト マネージャーを有効にし、JavaScript を遅延させてから、未使用の CSS を削除します。
PreloadるPreload CSS/JSファイルPreload 重要な画像とフォント/CSS/JS ファイルPreload 重要な画像と CSS/JS ファイルPreload 重要な画像と CSS/JS ファイル
遅延読み込みオフにしますCSS 背景画像を有効にするCSS 背景画像を有効にするすべての遅延ロード設定を有効にする
フォントオフにしますオフにしますローカルを有効にする Google フォントディスプレイスワップ + ローカルを有効にする Google フォント
CDNオフにしますオフにしますオフにしますオフにします
アナリティクスオフにしますオフにしますオフにしますオフにします

したがって、設定に関して言えば、 cache plugin以下のための Perfmatters、構成できます FlyingPress 通常どおり、LiteSpeed を使用します。しかし、 WPロケットのことなら、 あなたがすべき すべての CSS 設定を無効にします。 同じことがのために行きます SGオプティマイザー、しかしあなたはすべきです そこでの遅延ロード設定も無効にします。

サードパーティコードをローカルでホストまたは遅延させる

サードパーティのコードには、メインスレッドをブロックし、重要なタスクを妨げるスクリプトが含まれている可能性があります。

これらのコードは速度を低下させる可能性があります。 server 応答時間、DNS ルックアップ、応答エラー。 しかし、私が長年にわたって学んだ簡単な解決策があります。

  1. すべてのサードパーティのコード、フォント、サムネイルをローカルでホストします。
  2. あなたが使用している場合 LiteSpeed cache、ローカライズされたリソースをサポートしているため、安心です。
  3. そうでない場合は、使用できます Perfmatters' 地元 Google フォント
  4. woff2 を使用して、使用しないフォント ファミリを削除することもできます。
  5. スクロールしなければ見えない部分にあるサードパーティのコードを遅延させます。 

覚えておいてください Preload

プリコネクトは、サードパーティのドメインとの早期接続を確立するのに役立ちますが、これは、 サードパーティのフォントと CDN URLは。一方、プリフェッチはプリコネクトと非常によく似ています。唯一の違いは、TCP か TLS です。覚えておいてください。 preload フォント (Prefmattters でクロスオリジンを使用)、画像、WP-Block-Library、およびリンク。

完了したら、サイトを HSTS に送信します。 preload のリスト Chromeパフォーマンスが向上します。

Preload HSTS

使用されていないCSSを取り除く 

ほとんどの人はこれを見落としていますが、未使用の CSS は Web サイトのパフォーマンスに影響を与える可能性があるため、削除することをお勧めします。 WP Rocket を使用している場合は、この機能を無効にしてから使用することをお勧めします。 で有効にする Perfmatters "ファイル" のオプション 「使用したCSSメソッド」 設定。

遅いかどうかを確認する Plugins

Web サイトの速度を最適化する場合、次のことを理解しておく必要があります。 plugin パフォーマンスが遅いと速度に影響を与える可能性があります。長年にわたり、私は、次の理由をかなり多く特定してきました。 Plugin 遅いかもしれない。

  • 1 つ目の理由は、フロントエンドに CSS と JavaScript を追加することです。 JavaScriptやCSSなども見つかります カバレッジの使用 の三脚と 高速化するにはそれらを削除してください WordPress サイト。
  • A plugin メモリ使用量が増えると速度が遅くなる可能性もあります。これが事実かどうかをテストするには、 WPハイブを使用する。自動的にテストされます plugin 必要な洞察をすべて提供します。
  • 他の理由としては、 plugin データベースが肥大化するか、jQuery を使用します。これらの問題を確認できます phpMyAdminを使用し、 Perfmatters 依存関係を表示する.

これらすべてに加えて、次のこともできます。 最適化します pluginそれらを次のように置き換えることによって CDNs またはブロック、バックグラウンド タスクの制限、遅延、未使用の機能の無効化。 以下はいくつかあります plugin私が見たことのあるものは、メモリとページ速度の両方に影響を与えます。

Pluginカテゴリーメモリへの影響ページ速度への影響
すべてのOne SEOでSEOいいえいいえ
リンク切れチェッカーSEOいいえあり
ディスカスコメントありいいえ
Elementorページ·ビルダーいいえいいえ
Elementor プレミアム アドオンページ·ビルダーありいいえ
Elementorプロページ·ビルダーいいえいいえ
JetElementsページ·ビルダーいいえいいえ
ジェットパックセキュリティいいえいいえ
次世代ギャラリーギャラリーいいえいいえ
ポップアップビルダポップアップいいえいいえ
サイトキットの作成者 Googleアナリティクスいいえあり

無効にします Plugin特定のページについて

次にできることは、 WordPress 速度の最適化は無効にすることです plugin特定のページにあります。 Perfmatters と Asset CleanUp は、これを行うための最も一般的なオプションの 2 つです。私が使う Perfmatters、および無効化 pluginこのツールの使用は非常に簡単です。

あなたがする必要がある最初のことは スクリプトマネージャーとテストモードを有効にします。 これを行うには、 「資産」 を設定し、トップメニューでサイトの任意のページを表示し、クリックします。 「パフォーマター」 その後 「スクリプトマネージャー」。

次に、スクリプト マネージャーの設定に移動し、テスト モードを有効にします。それが完了したら、次のことを行う必要があります を無効にする plugin投稿されたすべてのページまたはモバイルデバイス上で。 モバイルデバイスでそれらを無効にする場合は、次のことを行う必要があります。 enable 「個別のモバイル cacheに設立された地域オフィスに加えて、さらにローカルカスタマーサポートを提供できるようになります。」

自分のLCPを知る

したがって、LCP は基本的に 4 つのサブパートに分割され、それぞれが異なる要素に関係します。その詳細については以下で説明します。

ほとんどの人は、Largest Contentful Paint (LCP) をしっかりと把握するのに苦労することが多いことがわかりました。ただし、これは Web にとって重要な要素であり、理解する必要があります。

LCP サブパート要因LCP%
TTFBCDN、ホスティング、フルページ caching, etc.〜40%で
リソースロードの遅延Lazy からのビューポート画像、 preload フォント、ビューポート イメージ、除外
リソースのロード時間CSS/JS サイズ/画像を削減し、 CDN、重要なCSS、 cache 期限切れ〜40%で
要素のレンダリング遅延JavaScript の遅延、削減、アンロードに関連する

また、ご購読はいつでも停止することが可能です 使用 パフォーマンスの洞察 from Chrome 開発ツール どの TTFB のロードに最も時間がかかるかを表示します。それを特定したら、Cloudflare SXG を使用し、レンダリング ブロックを防ぐために JavaScript を延期し、HTML 要素の遅延レンダリングを使用して重いファイルをスクロールしないと見えない位置に移動することで、LCP を作成できます。 LCP について詳しく知りたい場合は、これを参照してください。 Chrome 開発者向けビデオ それに値する。

レイアウトの変更 (CLS) を避ける

レイアウトのシフトは基本的に、ページの読み込み時にページがどれだけシフトするかです。これは非常に重要です WordPress 速度の最適化とhappページのさまざまな要素が異なる速度で読み込まれるため、nflユーザーのページビューに影響します。 つかいます Googleのページレイアウトシフトデバッガ これらのレイアウトの変化がウェブサイト上でどのように影響するかを確認してください。

CLS デバッガー

このガイド全体で、レイアウトの変更を最適化するためにできることについてたくさん説明してきましたが、思い出させるためにここでもう一度触れておきます。

  • Swap preloadフォントを調整し、不足している画像の寸法を追加します。
  • あなたの変更 cookie 通知 pluginこれにより、レイアウトのずれが発生する可能性もあります。
  • ディメンションを追加して div コードに配置することで、動的コンテンツと広告用のスペースを確保します。
  • 未使用の CSS を削除し、重要な CSS が機能していることを確認し、CSS を編集した場合は再生成します。
  • 個別のモバイルを有効にする cache 自分で cache plugin サイトがモバイル デバイスに読み込まれるときのレイアウトの変化を最小限に抑えるため。

リソース使用量を 50% 未満に制限する

ウェブサイトの速度を最適化する場合。トラフィックの急増やバックグラウンド タスクのための余地を残しておく必要があります。 CPU 使用率が高いと遅延が発生する可能性があることを覚えておくことが重要です。 50%以下に抑えるのがベストです。 CPU 使用率を制限しようとしている場合は、帯域幅をオフロードすることを忘れないでください。 CDN メモリ使用量の増加を解消する pluginが役に立ちます。しかし、それだけではありません。

  • でのデータ共有を無効にする plugins.
  • あなたに行く 「wp_オプション」 テーブルを作成し、自動ロードされたデータをクリーンアップします。
  • あなたに行く WordPress ディスカッションの設定を変更し、ピンバックを無効にします。
  • 十分なコア、RAM、リソース制限のあるホスティング プランを使用してください。
  • バッチ サイズを減らし、コーン間隔を増やして、未使用の CSS を制限します。
  • 一部の行動はあなたの全体を引き起こす可能性があります cache をクリアすると CPU 使用率が増加するため、自動を制限する必要があります。 cache クリアリング。
  • WP Rocket のことを思い出してください。 preloading、 LiteSpeed Cacheのクローラー、または SG オプティマイザーの予熱 cache CPU 使用率が増加します。

データベースのクリーンアップ設定に WP-Optimize を使用する

ブリッジ cache pluginデータベースをクリーンアップしようとすると、3 つの一般的な問題に遭遇します。一般 pluginデータベースのバックアップを取得できず、古いものによって残されたデータベース テーブルを削除できません。 plugins を選択し、すべての投稿リビジョンを削除します。

ただし、次を使用すれば、これらの問題に直面する必要はありません。 WP-Optimize データベースのクリーンアップ用。これをすべて設定したら、次のことを行う必要があります。

  1. データベースのテーブルを調べます。
  2. 識別する "非活性" or "インストールされていない" テーブル。
  3. 削除 pluginまたはテーマを使用する予定がない場合。

私が何年にもわたって気づいた重要なことの 1 つは、 pluginは、特にデータを収集する場合に最適です。 WordPress サイトなので利用しない方が良いでしょう。サイトの分析が必要な場合は、次をお勧めします。 続ける Google アナリティクス または、まだ使用していない場合は使用を開始してください。

モバイル デバイス向けに最適化する

これは言うまでもないことです。サイトにアクセスする人のほとんどはモバイル デバイスからアクセスしていると思われるため、サイトがモバイル デバイス向けに最適化されていることを確認する必要があります。現在、デスクトップの最適化のほとんどはモバイルにも引き継がれています。しかし、そうでない場合に備えて、次のことを行います。

  • モバイルを有効にする caching 自分で cache plugin.
  •   Perfmatters 〜へ 未使用のCSSとJavaScriptを無効にする デバイスの種類に基づいて。
  • 待ち時間の短縮に重点を置きます。これはモバイル ユーザーにとって重要であり、 TTFB.
  • CLS をテストする モバイルでは、前に説明したレイアウト シフト デバッガー ツールを使用して、モバイル レイアウトのシフトを修正します。
  •   CloudFlare Enterprise そのネットワーク、優先ルーティング、負荷分散は、影響を制限する上で大きな役割を果たします。 CDN ポップ。

のみを選択してください Plugin必要なもの

無料のリストを共有しました plugin以下、あなたと一緒です。明らかにすべてが必要なわけではないので、リストを確認して、自分に合ったものを使用してください。

  • OMGF.
  • Debloat.
  • Optimole.
  • Unbloater.
  • WP Crontrol.
  • WP 最適化。
  • Flying Scripts.
  • Query Monitor.
  • ウィジェットを無効にします。
  • Flying Analytics.
  • WP Foft Loader.
  • WPS Hide Login.
  • LiteSpeed Cache.
  • WP YouTube Lyte.
  • Heartbeat Control.
  • Disable XML-RPC.
  • Limit Login Attempts.
  • Redis Object Cache.
  • Simple Local Avatars.
  • Blackhole For Bad Bots.
  • WP Server Health Stats.
  • WP Hosting Benchmark.
  • Preload Featured Images.
  • Pre* Party Resource Hints.
  • ShortPixel Adaptive Images.
  • Disable WooCommerce Bloat.
  • WP Hosting Performance Check.
  • Super Page Cache for Cloudflare.
  • Headers Security Advanced & HSTS WP.

私のセットアップを見てください 

目の前にあるすべての選択肢の中からまだ迷っている場合は、インスピレーションを得るために私のセットアップを見てください。たぶんそれはあなたの決断を助けるでしょう。

サービスカテゴリー
Rocket.netホスティング
Cloudflare EnterpriseCDN (付属 Rocket.net)
FlyingPressCache Plugin
Perfmattersその他の最適化
Kadenceテーマ(無料)
Kadence BlocksGuternberg Block テンプレート(無料)

さて、このセットアップには予算を超える費用がかかる可能性があることをお知らせしたいと思います。したがって、より多くの出費を考えていない場合、これはあなたには適していません。

ただし、代わりにセットアップできる安価な代替手段があります。見てください。

サービスカテゴリー
NameHero Turbo Cloudホスティング
QUIC.cloud (有料プラン)CDN
LiteSpeed CacheCache Plugin
Perfmattersその他の最適化
NameHeroメールホスティング

以下は私のウェブサイトの速度スコアです PageSpeed​​ Insightsの & GTmetrix.

riderchris モバイルスコア
モバイルスコア
riderchris デスクトップスコア
デスクトップスコア
riderchris gtmetrix スコア
GTmetrixスコア

そして、まさにそこに、増加方法に関する究極のチュートリアルがあります WordPress ウェブサイト スピードとパス Core Web Vitals 2024年、

私の WhatsApp Channel 最新情報については、 お問い合わせ さらにサポートが必要な場合。

類似の投稿