WPBeginnerの10周年に、ウェブホスティングパートナーであるHostGatorのおかげでホスティングインフラストラクチャが大幅にアップグレードされたことを共有しました。その後、多くの読者がWPBeginnerが驚くほど速く読み込まれる仕組みを疑問に思い、詳細を求めるメールを受け取り始めました。
はい、WPBeginnerはほとんどの静的サイトジェネレーターよりも高速に読み込まれ、場合によってはGoogle AMPサイトよりも高速です。これは単なる自慢話ではなく、WordPressを最高のパフォーマンスにするために使用した正確なテクニックを共有することです。
この記事では、静的サイトジェネレーターやヘッドレスCMSプラットフォームよりもWordPressを高速に最適化した方法について、舞台裏の特別な情報をお伝えします。
注意:この記事は、通常WPBeginnerで公開しているものよりも少し技術的です。技術に詳しくないユーザーには、WordPressの速度を向上させるための究極のガイドに従うことをお勧めします。
更新: この記事で共有されたセットアップは現在使用していません。代わりに、SiteGroundが管理するGoogle Cloudプラットフォームに完全に移行しました。速度の結果は同じで、さらに高速なバックエンドパフォーマンスを実現しました。SiteGroundに移行した理由については、こちらをお読みください。
背景
最近、WordPressは「モダン」開発者から、WordPressは遅いという多くの悪い評判を受けています。
その後、通常は「GatsbyJSのようなJAMstack静的サイトジェネレーターに切り替えるべきです」というフォローアップがあります。エンタープライズの世界では、ContentfulのようなヘッドレスCMSに切り替えるべきだと言う人もいます。
私の非常に成功している起業家の友人たちが何人か、これが本当かどうか私に尋ね始めました。
他の人がWordPressから静的サイトジェネレーターに切り替えることで大幅なスピード改善を実現したというケーススタディを読んだため、ヘッドレスCMSへの移行プロセスを開始した企業さえあります。
これは私にとって非常にフラストレーションがたまることでした。なぜなら、彼らが移行費用で数万ドルを無駄にしていることを知っていたからです。将来的に発生する無限のカスタマイズ費用は言うまでもありません。
そこで私は、WPBeginnerのような大規模なWordPressコンテンツサイトが、ほとんどの最新の静的サイトジェネレーターと同等かそれ以上に高速に読み込めることを証明する挑戦を受けました。
私を時代遅れと呼んでも構いませんが、結局のところ、静的サイトは単にキャッシュから読み込まれるページにすぎません。
結果
WordPressホスティングのインフラ、サーバー構成、プラグインについて詳しく説明する前に、結果を共有しておくと役立つと思います。
PingdomのワシントンDCサーバーから見たWPBeginnerのホームページの読み込み速度は以下の通りです。
時間帯やチェックする場所によっては、この結果は 400ms ～ 700ms の範囲で変動しますが、ホームページとしては非常に高速です。
より大きな画像と多くのコンテンツを含む単一の投稿ページで実行したテストを以下に示します。
デスクトップ版のGoogle Page Speedテストでも「100」という満点を獲得しました。ただし、モバイル版のスコアにはまだ改善の余地があります。
上記の結果はキャッシュされたページのものであり、読者や検索エンジンのボットが当社のウェブサイトを表示したときに取得するものです。WPBeginner の知覚される読み込み時間はほぼ瞬時です（これについては後述します）。
比較のために、Gatsbyのホームページのスピードテスト結果を以下に示します。これは、多くの開発者が絶賛している人気の静的サイトジェネレーターです。
人気の静的サイトホスティングサービスであるNetlifyのホームページのスピードテスト結果です。多くの開発者が推奨しています。注目すべきは、リクエスト数が半分で、ページサイズがWPBeginnerの30%であるにもかかわらず、当社のホームページよりも読み込みが遅いことです。
「エンタープライズがより良いデジタル体験を提供する方法」であるヘッドレスCMS、Contentfulのホームページの速度は全く最適化されていません。これは私たちがテストした中で最も遅いウェブサイトでした。
これらの統計を共有するのは、他のフレームワークを貶めるためではなく、新しいものがすべて見えるほど輝かしいわけではないという視点を提供するためです。
適切なホスティングインフラストラクチャと最適化を備えたWordPressは、静的サイトジェネレーターと同等の速度を出すことができます。さらに、WordPressが提供する、豊富なプラグインとテーマのエコシステムを通じて、ビジネスオーナーに提供される柔軟性のレベルに匹敵するプラットフォームは他にありません。
WPBeginnerホスティングインフラストラクチャ
ウェブサイトの速度に関して、ウェブホスティングインフラストラクチャほど重要な役割を果たすものはありません。
ご存知の方も多いと思いますが、私は2007年からHostGatorの顧客です。2009年にWPBeginnerブログを、小さなHostGatorの共有ホスティングアカウントで開設しました。
ウェブサイトが成長するにつれて、私たちは彼らのVPSホスティング、そして専用サーバーにアップグレードしました。
過去10年間、私は彼らの多くのチームメンバーと緊密に協力する機会を得て、彼らはWPBeginnerファミリーの延長となりました。
そのため、WPBeginnerを静的サイトジェネレーターよりも高速にするという課題に取り組んだとき、私は彼らに助けを求めました。
私は彼らのリーダーシップチームに私のビジョンを共有し、彼らはWPBeginnerのためにユニークなエンタープライズホスティングセットアップを構築するのを手伝ってくれると申し出てくれました。
Bluehost と HostGator の両チームの優秀なエンジニアが私と密接に連携し、WPBeginner を驚異的な速さにしました。
WPBeginnerのホスティングセットアップの概要は以下の通りです。
ご覧の通り、これはテキサスとユタの2つの地理的地域にまたがるマルチサーバー構成です。ロードバランサークラウドを除き、合計9台のサーバーがあります。各サーバーはXeon-D CPUで、8コア（16スレッド）、32GB RAM、2 x 1TB SSD（RAID構成）を備えています。
シームレスな自動スケーリングとロードバランシングを世界中で実現するために、Googleのクラウドロードバランシングプラットフォームを使用しています。
Once the hardware was set up with proper data syncing in place, the Bluehost and HostGator teams worked together to optimize the server configurations for WordPress. My hope is that some of these optimizations will soon make it into future WordPress hosting plans 
サーバー構成の概要
この複雑なセットアップのサーバー構成を数段落で要約するのは非常に難しいですが、最善を尽くします。
私たちはウェブサーバーソフトウェアにApacheを使用しています。これは、チームがより慣れているためです。NGINXとApacheの議論には触れません。
PHP 7.2とPHP-FPMプールを使用しているため、大量のプロセスとリクエストを処理できます。あなたのホスティング会社がPHP 7以上を使用していない場合、あなたは深刻な速度最適化の機会を逃しています。
私たちは、実際のユーザーがキャッシュされていないページビューを体験しないように、高度なキャッシュウォーマーを備えたOpcodeキャッシュを使用しています。
また、memcacheを使用したObjectキャッシュも使用しており、ログインユーザー（私たちのライター）にとって、キャッシュされていないページヒットやWordPress管理エリアでのその他のAPI応答時間の応答時間を改善できます。これは、WordPress管理の「すべての投稿」画面のネットワークロードタブです。
比較すると、管理画面の体験は以前よりも2倍高速になりました。
データベースサーバーでは、MySQLからMariaDBに切り替えました。MariaDBはMySQLのクローンですが、より高速で優れています。また、データベースレプリケーション、フェイルオーバー、ロードバランシングの改善に役立つため、HyperDBからLudicrousDBに切り替えました。
その他にも、パフォーマンスとスケーラビリティに役立つ多くの設定があります。例えば、より高速な接続と暗号化のためのHTTP/2とHSTS、データセンターの障害発生時に新しいリージョンにサーバーを追加できる機能などです。
チームが構築した素晴らしいセットアップに十分な貢献ができていないように感じますが、私の主な強みはマーケティングであることを知っておいてください。はい、私はWordPressについて書くブロガーですが、ここの技術的な最適化の多くは私の手に負えないほど高度です。
これらは、David Collins（Enduranceのチーフアーキテクト/HostGatorのCTO）、Mike Hansen（WordPressコア開発者）など、Enduranceチームの非常に優秀なエンジニアによって行われました。彼らについては、以下のクレジットセクションで感謝の意を表します。
CDN、WAF、およびDNS
ウェブホスティング以外に、ウェブサイトの速度に大きな役割を果たす他の領域は、DNSプロバイダー、コンテンツデリバリーネットワーク（CDNとも呼ばれます）、およびWebアプリケーションファイアウォール（WAF）です。
3つの別々のものとしてリストアップしていますが、多くの企業が現在、Sucuri、Cloudflare、MaxCDN（現在はStackPath CDN）などのバンドルプランでこれらのソリューションを提供しています。
最大限の管理を行い、リスクを分散させたいので、各部分を効率的に処理するために3つの別々の会社を利用しています。
WPBeginner の DNS は、DNS Made Easy (Constellix と同じ会社) によって提供されています。彼らは世界で最も高速な DNS プロバイダーとして常にランク付けされています。DNS Made Easy の利点は、CDN や WAF の特定のデータセンターが正常に機能しない場合にグローバルなトラフィックリダイレクトを実行できるため、最大の稼働時間を確保できることです。
当社のCDNはMaxCDN（現在はStackPath CDN）によって強化されています。彼らは基本的に、世界中の広範なサーバーネットワークから静的アセット（画像、CSSファイル、JavaScript）を提供することを可能にしています。
私たちはウェブアプリケーションファイアウォールとしてSucuriを使用しています。攻撃をブロックするだけでなく、CDNのもう1つのレイヤーとしても機能し、全体的なパフォーマンスは驚くほどです。彼らは市場で最高のWordPressファイアウォールソリューションを持っていると信じています。
ウェブサイトの速度最適化に取り組む際には、ミリ秒単位の短縮が重要です。そのため、これらのソリューションプロバイダーと当社の新しいウェブホスティングインフラストラクチャを組み合わせることで、大きな違いが生まれます。
例として、WPBeginner.com、GatsbyJS.org、CloudFlare.comのウォーターフォールブレークダウンを以下に示します。
WPBeginnerのDNS時間、SSL時間、接続時間、待機時間が、他の人気ウェブサイトと比較してすべてトップクラスであることに注意してください。これらの改善はすべて、最良の結果をもたらすために積み重なります。
Instant.page、最適化された画像、その他のベストプラクティス
WPBeginnerの投稿やページを閲覧する際の、ほぼ瞬時の読み込み時間に気づいたかもしれません。
上記のすべてのこととは別に、インスタントページと呼ばれるスクリプトを使用して、遅延を回避しています。このスクリプトは、ジャストインタイムのプリローディングを使用しています。
基本的に、ユーザーがリンクをクリックする前に、そのリンクの上にマウスカーソルを重ねる必要があります。ユーザーが65ミリ秒（非常に短い時間）カーソルを重ねると、2人に1人が実際にリンクをクリックします。
Instant.pageスクリプトは、この瞬間にそのページのプリロードを開始するため、ユーザーが実際にリンクをクリックしたときには、多くの重い処理がすでに完了しています。これにより、人間の脳はウェブサイトの読み込み時間をほぼ瞬時に知覚します。
Instant.pageをサイトで有効にするには、Instant Page WordPressプラグインをインストールして有効化するだけです。
このスクリプトはかなりうまくできています。彼らのウェブサイトをチェックして、「クリック速度テスト」ボタンをクリックして、それがどのように脳を騙すかを確認することを強くお勧めします。
更新: 現在 instant.page を無効にしており、近日中に FlyingPages プラグイン をテストする予定です。Gijo Varghese さんが WPBeginner Engage Facebook グループ で新しいプラグインを共有してくれましたが、instant.page と quicklink スクリプトの長所を組み合わせたもののようです。
ウェブ用の画像の最適化
WebPのような新しい画像形式が開発されていますが、まだ使用していません。代わりに、すべてのライターにTinyPNGツールを使用して各画像を最適化するように依頼しています。
Optimole や EWWW Image Optimizer のようなプラグインを使用して、画像の圧縮を自動化することもできます。
ただし、個人的には、サーバーに大きなファイルをアップロードしないように、チームに手動で行ってもらうことを好みます。
現在、画像に対して遅延読み込みは行っていませんが、GoogleがChrome 76に遅延読み込みサポートを組み込んだので、近い将来追加する予定です。
WordPressコアには、この機能をすべてのサイトに追加するためのチケットもあります（これがすぐに実現することを本当に願っています）。そうすれば、カスタムプラグインを作成する必要がなくなります。
HTTPクエリの制限 + ベストプラクティス
使用しているWordPressプラグインによっては、ページを読み込むたびにCSSファイルやJavaScriptファイルが追加されるものがあります。ウェブサイトに多くのプラグインがあると、これらの追加HTTPリクエストが手に負えなくなる可能性があります。
詳細については、WordPressプラグインがサイトの読み込み時間にどのように影響するかをご覧ください。
WordPressプラグインが多すぎるのは悪いことだと早合点する前に、WPBeginnerのウェブサイトでは62個のプラグインがアクティブに動作していることを知っておいてください。
可能であればCSSとJavaScriptファイルを結合して、HTTPリクエストを減らす必要があります。 WordPressのキャッシュプラグインのいくつかは、WP Rocketのように、ミニフィケーション機能でこれを自動的に行うことができます。
また、WPBeginnerのチームが行ったように、この記事の手順に従って手動で行うこともできます。
プラグインやテーマが追加するHTTPリクエスト以外にも、ウェブサイトに追加する他のサードパーティスクリプトにも注意する必要があります。なぜなら、各スクリプトがウェブサイトの速度に影響を与えるからです。
例えば、多くの広告スクリプトやリターゲティングスクリプトを実行している場合、それらがサイトを遅くします。Google Tag Manager のようなツールを使用して、必要な場合にのみスクリプトを条件付きで読み込むことを検討してください。
TechCrunch や TheNextWeb のような広告サポート型のウェブサイトの場合、広告を削除することは選択肢ではないため、これに関してできることはほとんどありません。
幸いなことに、WPBeginnerは収益を上げるためにサードパーティの広告スクリプトに依存していません。WPBeginnerがどのように収益を上げているか知りたいですか？WPBeginnerの収益に関する私のブログ記事をご覧ください。
学んだ教訓（これまでのところ）+ 私の最終的な考え
これは全く新しいホスティングインフラであり、今後多くのことを学んでいくことになるでしょう。
これまでのところ、速度の向上はSEOランキングの向上に役立ち、管理エリアもはるかに高速になったため、気に入っています。
新しいマルチサーバー設定により、WPBeginner を他の Awesome Motive 製品サイトと同等にするための新しいデプロイワークフローを導入しました。
これは、適切なバージョン管理が組み込まれ、私が無謀な行動（つまり、適切なテストなしにプラグインを追加したり、テストなしにダッシュボードからプラグインを更新したりすることなど）を防ぐための対策が講じられていることを意味します。
これらの変更により、開発から手を引き、WPBeginner サイトの指揮を開発チームに引き渡す道も開かれました。
何年も抵抗してきましたが、その時は来ていると思います。受け入れる必要があります。
新しいセットアップにはcPanelやWHMがないため、コマンドラインにあまり慣れていない私にとっては、ほとんど役に立たなくなります。
これまでのところ、私たちは2つの大きな教訓を学びました。
まず、サーバーの同期/レプリケーションのため、WordPressのアップデートはそれほど簡単ではありません。私の個人的なブログ（SyedBalkhi.com）をWordPress 5.2にアップグレードした際、アップデートファイルがWebノードの1つで正しく同期せず、デバッグに予想以上の時間がかかりました。現在、このためのより良いビルド/テストプロセスを構築中です。
第二に、ロードバランサーの設定ミスによる小規模な危機が発生し、ダウンタイムが発生したため、チーム間のコミュニケーションを改善する必要があります。さらに悪いことに、私はターキッシュエアラインズのトランスアトランティック便に乗っており、Wi-Fiが機能していませんでした。
幸いなことに、ホスティングチームの迅速な対応のおかげで全て解決しましたが、これにより、将来同様のインシデントをより良く処理するためのいくつかの新しい標準運用手順（SOP）を作成することができました。
全体的に、このセットアップには非常に満足しており、WPBeginnerのために行われたキャッシュ設定/最適化の一部が、HostGator CloudおよびBluehost WordPress hostingプランの標準機能になることを知っています。
ウェブサイト、ブログ、またはオンラインストアを始めたばかりの場合、このような洗練されたエンタープライズセットアップは必要ないということは、言うまでもありません。
HostGator共有プランやBluehost共有プランのような小規模なものから始めることを常にお勧めします。ビジネスが成長するにつれて、ホスティングインフラストラクチャをアップグレードしてください。
上記で共有した多くの最適化を、現在のWordPressホスティングプランに適用できます。
例えば、Bluehost の標準プランには、すでにキャッシュプラグインが組み込まれており、デフォルトでPHP 7も提供されています。
これに、SucuriのようなCDN + WAFを組み合わせることで、ウェブサイトを大幅に高速化できます。
もしあなたが、同様のホスティング設定を望むミッドマーケット/エンタープライズ企業であれば、お問い合わせフォームから私に連絡してください。適切な方向性を示すことができます。
特別な感謝とクレジット
上記の記事では、HostGatorとBluehostのブランドに多くの言及をしましたが、それを実現するために舞台裏で尽力してくれた個々の人々に感謝の意を表したいと思います。
まず、このチャレンジに協力してくれたEnduranceのリーダーシップチームであるSuhaib、Mitch、John Orlando、Mike Lillie、Brady Nordに感謝したいと思います。
データセンターチームのMike Hansen、David Collins、Rick Radinger、Chris Miles、David Ryan、Jesse Cook、David Foster、Micah Wood、William Earnhardt、Robin Mendieta、Rod Johnson、Alfred Najem、その他の皆様にも感謝したいと思います。彼らが実際に大変な仕事を成し遂げてくれたからです。
DNSMadeEasyの創設者であるSteven Job氏に、私の質問に迅速に回答し、設定の理解を深める手助けをしてくれたことに、特に感謝したいと思います。また、常に私のことを気にかけてくれているSucuriのTony Perez氏とDaniel Cid氏にも感謝したいと思います。
最後になりましたが、クリス・クリストフ氏に特別な感謝を捧げたいと思います。彼はMonsterInsightsの共同創設者であり、多くのテストと展開を手伝ってくれました。
よくある質問 (FAQ)
これは多くの技術的な情報であり、理解するのが難しいかと思います。WordPressの速度とパフォーマンスに関する最も一般的な質問への回答を以下に示します。
高速なウェブサイトを持つために、WPBeginnerのような複雑なホスティング設定が必要ですか？
絶対に違います。このケーススタディは、エンタープライズレベルで何が可能かを示しています。ほとんどのユーザーにとって、BluehostまたはHostGatorのような質の高い共有ホスティングプランから始めるのが完璧な出発点です。サイトが成長するにつれていつでもアップグレードできます。
WordPress の速度にとって最も重要な要素は何ですか？
ウェブサイトの速度の 3 つの柱は、ウェブホスティングインフラストラクチャ、キャッシュ、およびコンテンツ配信ネットワーク (CDN) です。これら 3 つを正しく設定することで、ほとんどの WordPress ウェブサイトの最大のパフォーマンスボトルネックが解消されます。
技術の専門家でなくても、WordPressサイトを高速化できますか？
はい。この記事は技術的な内容ですが、すべてを理解する必要はありません。初心者向けのガイドに従い、WP Rocket のような優れたキャッシュプラグインを使用し、画像を最適化することで、コーディングの知識がなくてもサイトの速度に大きな影響を与えることができます。
多くのプラグインを使用するとWordPressが遅くなりますか？
問題なのはプラグインの数ではなく、その質です。適切にコーディングされたプラグインは最小限の影響しか与えません。しかし、不適切にコーディングされたプラグインは、サイトを遅くする不要なコードやデータベースクエリを追加する可能性があります。
ウェブサイトのパフォーマンスを向上させるための追加リソース
このケーススタディがお役に立った場合は、WordPressサイトをより高速にするためのステップバイステッププロセスを説明した他のガイドもご覧ください。より実践的なヒントについては、それらを確認してください。
- WordPressの速度とパフォーマンスを向上させるための究極ガイド – あらゆるスキルレベルのユーザーがサイトの速度を改善するための最も包括的なガイドです。
- 最適なWordPressホスティングの選び方 – ニーズと予算に合ったホスティングプロバイダーの選び方を学びましょう。
- WordPressブログにCDNが必要な理由 – CDNの仕組みとスピードにとってなぜ不可欠なのかを詳細に説明しています。
- WPBeginner's Blueprint – 現在WPBeginnerを運営するために使用しているツールとプラグインの完全なリストをご覧ください。
ボーナス: すべてのWordPressサイトにおすすめの、最高のWordPressプラグインとツールはこちらです。WPBeginnerのウェブサイトを運営するために使用しているプラグインとツールのリストであるWPBeginnerのブループリントもご覧ください。
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
モイヌディン・ワヒード
wpbeginnerの高速化の裏側にある秘密を教えてくれるこの投稿に、本当に感謝しています。
この素晴らしい結果の秘密の材料を知りたいと思っていました。
多くのツールとチームの協力的な努力の組み合わせが、この素晴らしいパフォーマンスにつながったのだと思います。
これは、WordPressに新たな希望を与え、WordPressのウェブサイトが大量のトラフィックを処理しながらも高速に読み込めることを示しています。
この素晴らしい投稿に感謝します。
イジー・ヴァネック
あなたのサイトのスピードの裏には何があるのか、ずっと不思議に思っていました。あなた自身のサーバーと改善されたキャッシュ環境を期待していましたが、これほどオーダーメイドの堅牢なソリューションであるとは本当に予想していませんでした。このウェブサイトがどのように構築されているのか、舞台裏を見せてくれるのは素晴らしいことです。そして、WordPressでさえ、非常に多くのユーザーがいるにもかかわらず、かなりの量のパワーを必要とする場合でも、信じられないほど速くできることを世界に示しているのも素晴らしいことです。あなたの知識を共有し、あなたのウェブサイトのインフラストラクチャと、サーバー全体が実際に何を実行しているのかを見る機会を与えてくれてありがとう。本当に興味深い記事です。
WPBeginnerサポート
Glad we could share how we made our site as fast as it is
管理者
Onur
wpbeginnerがWordPress.comを使用しない理由を知りたいのですが
何か特別な理由がありますか？
明確にしていただけますか？
WPBeginnerサポート
私たちはWordPress.orgを私たちのサイトに使用しています。詳細は以下の記事で確認できます！
https://014.leahstevensyj.workers.dev/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
管理者
asantos
この記事は信じられないほどです。
シェアしてくれてありがとう！
WPBeginnerサポート
You’re welcome, glad our guide was helpful
管理者
カドゥ・デ・カストロ・アルベス
素晴らしい記事です！ヘッドレスCMSやその他のCMSへの移行以外のWordPress最適化に関する他の視点を見ることができて嬉しいです。
個人的には、ホームページは通常最もアクセスされるページではないため、特にニュース/ブログサイトのホームページの読み込み速度の比較はあまり好きではありません。
ですので、さまざまな環境/プラットフォームでの投稿ページの読み込み速度のパフォーマンスを見てみたいです。
シェアしてくれてありがとう！
WPBeginnerサポート
You’re welcome, glad you like our content
管理者
ジョセフ
またしても、wpbeginnerがやってくれました。この記事は最高です。素晴らしいので、このページを保存してもう一度読み直さなければなりません。
WPBeginnerサポート
Thank you, glad our article was helpful
管理者
Chris
[blockquote]すべてのサイトにこの機能を追加するためのWordPressコアのチケットもあります（これがすぐに実現することを本当に願っています）。そうすれば、カスタムプラグインを書く必要がなくなります。[/blockquote]
それをカバーするために簡単な関数を作成しました。コアに遅延読み込みが実装されるまで、試すことができます。もし使用されたら、フィードバックをお聞かせいただけると幸いです。
https://github.com/seezee/wp-lazy
編集スタッフ
Chrisさん、ありがとうございます。私も投稿を公開した数時間後にGoogleが自身のものをリリースしました – https://wordpress.org/plugins/native-lazyload/
管理者
Jarret
静的サイトジェネレーターよりもサイトを高速化した箇所が、実際には見当たりません。
もちろん、あなたは自分のサイトを可能な限り速く読み込めるように最適化するのに時間を費やし、その後、訪問者に重要なコンテンツを表示するように設計されている可能性が高く、可能な限り速く読み込むように設計されているわけではない静的サイトジェネレーターのドメインのホームページと比較しました。
静的ジェネレーターごとにドメインを設定し、自身のサイトに行ったように最適化し、CDN を前面に配置してから、そのテストデータを比較する必要があります。
編集スタッフ
私たちのホームページのコンテンツは動的であり、訪問者に重要なコンテンツや新しいブログ投稿を表示するために毎日更新されます。
I compared headless CMS and other static generator homepages because you’d hope that those claiming performance boosts would practice what they preach
管理者
Mathukutty P V
このスレッドへの私の返信の質問 https://www.facebook.com/wpbeginner/posts/10157550202524100?comment_id=10157552775709100 がこの記事に誘導されました。素晴らしい記事です。数日前、shortpixelプラグインを削除し、オンラインのtinypngを使用して画像を圧縮しました。Flying pagesをインストールして確認しました。ホストをGodaddyから他社に変更する予定です。今日Bluehost Indiaとチャットしましたが、価格はGodaddyより少し高いですが、無料SSLを提供しています。それが1年間だけ無料なのか、それとも永久に無料なのかはわかりません。
編集スタッフ
Bluehostは常にSSLを無料で提供しています。ただし、無料ドメインの提供は1年間です。
管理者
Gijo Varghese
Flying Pagesの開発者です。何か問題が発生した場合は、お知らせください。
Jumedeen khan
素晴らしいガイドラインですが、いくつか疑問があります。
WordPressにはNginx LEMPスタックが最速のサーバー構成だと思います。
キャッシュには、opcache、ファイルキャッシュ、fastcgiキャッシュを使用できます。キャッシュプラグインは不要です。nginxキャッシュはプラグインキャッシュよりも高速です。
CDNに関しては、Stackpathは世界中どこでも最適ではなく、インドでは非常に遅く、サイトの画像がここで2〜3秒読み込まれます。
ホスティングに関しては、HostgatorはGoogle Cloud、AWS、DigitalOceanなどのクラウドプロバイダーよりも優れていません。
ありがとう
編集スタッフ
はい、プラグインなしで NGINX キャッシュを使用できます。WPForms や、さまざまなチームが管理している他のいくつかのウェブサイトでそのセットアップを行っています。
結局のところ、それはあなたの快適さと慣れ親しみのレベルにかかっています。
管理者
「堅実な投資家」
すごい！
これは非常に強力です。あなたのブログは今やランボルギーニのようですね。
おめでとうございます、サー
編集スタッフ
Thank you
管理者
Ahmad khan
ポエムを書いている私のブログ Writer Feels のために新しく購入した SiteGround のホスティングに、これらのステップを適用することを楽しみにしています。
編集スタッフ
Ahmad, SiteGround also comes with a built-in caching plugin called SG Super Cache. You should enable that, and it will unlock a lot of optimizations. After that I recommend adding the Sucuri WAF + optimize all your images
管理者
Chip Williamson
素晴らしい投稿です。WPbeginnerの投稿を読むたびに何かを学べます！ありがとうございます！
編集スタッフ
Thanks for the kind words Chip
管理者
ルーク・カバナー
サイトパフォーマンスはWebPageTestでかなり良好に見えます。CDNによって提供される多くの資産に最大年齢または有効期限が設定されていません。CloudflareはStackPathが提供するものよりもはるかに多くのPoPを持っています。
編集スタッフ
Cloudflareは多くのPoPを提供していますが、StackPathの方がサポートが良いことがわかりました。また、StackPath CDNははるかに安価です（帯域幅1TBあたり月額10ドル）。
Cloudflareの全機能を利用するには、月額200ドル（年間2400ドル）のプランに加入する必要がありますが、Sucuriは年間299ドルで利用できます。さらに、月額10ドルを追加してMaxCDN（StackPath）から追加のCDNレイヤーを追加しています。
管理者
アン・ヘネガー
素晴らしい記事です。
HTTP/2を使用していたので、JSとCSSスクリプトの結合について興味があります。HTTP/2では、それらのファイルを結合しないことになっていたと思いますが。
編集スタッフ
はい、HTTP/2を使用するとファイル転送が高速になりますが、クエリを減らすことは常にベストプラクティスです。
管理者
Patrick
素晴らしい投稿、Syedさん。非常に徹底した投稿です。正直なところ、静的WordPressとサーバーレスWordPressは、WordPressユーザーの90%にとって良いソリューションではないと感じています。今は楽しいバズワードですが、それに伴う頭痛の種はそれだけの価値はありません。いずれにしても、あなたのインフラストラクチャと細部へのこだわりは非常に印象的です。
データベースサーバーを使用していると記載されていましたが、どのデータベースサーバーを使用しているかは記載されていませんでした。WordPress データベースホスティングに Amazon Aurora RDS を使用することについて、どう思われますか？ または Google Cloud はどうですか？
編集スタッフ
Patrickさん、WPBeginnerサイトではMariaDBを使用しています。シンプルさを保つことを選択し、現時点では私たちのニーズを満たしています。
OptinMonsterでは、数億行のデータを処理する必要があるため、チームはより洗練されたデータベース設定を使用しています。
管理者
ピーター・クラックシャンク
Netlifyは、静的サイトやJAMstackサイトをホスティングしているなら、ウェブ開発における最高の出来事だと思います。WordPressでも高速な読み込み時間を実現できますが、どれだけの労力がかかるか見てください!!そして、問題にお金をかけることは決して損にはなりません
サイトをフロントエンドにGatsby、バックエンドにWordPressで分割すれば、ホスティング費用を大幅に節約できます
しかし、画像最適化に関しては、いくつか良い点を挙げています。読み込み時間を短縮する簡単な方法
編集スタッフ
その点についてはピーター、私もあなたに同意します。正しい解決策も間違った解決策も一つだけということはありません。私は単に、最近ではあまり人気のない視点を共有したかったのです。なぜなら、クールなのはJAMスタックについて話すことですが、ほとんどの中小企業はそれを実装できませんから。
But optimizing images, combining plugin requests with WP Rocket, adding Sucuri is easy enough to get progress
管理者
ビマル・ラージ・パウデル
わあ！なんて素晴らしい読み物なんだろう。これを待っていたよ。
Wojciech Marusiak
記事をありがとうございます。あなたの結果と共有に感謝します。
しかし、私の意見も述べなければなりません。あなたの移行コストとサイト/コードのメンテナンスに関する議論は100%正当です。
しかし、あなたが使用しているホスティング（apache ha cluster, waf）は、「通常の」WordPressホスティングとはかけ離れています。ほとんどの人が使用しているのはそれではありません。
第二に、Jamstackがこれほど人気があるのは、WPホスティングのわずかな費用でウェブサイトをホストでき、標準でより優れたパフォーマンスを提供し、はるかに安価だからです。
乾杯
ヴォイチェフ
編集スタッフ
コメントありがとうございます、ヴォイチェフさん。私のエンタープライズ設定が普通からかけ離れていることは同意します。しかし、私の見解では、WAFの追加、画像の最適化、WP RocketによるHTTPリクエストの削減は、JAMスタックへの移行よりも中小企業のオーナーにとってずっと実現可能です。
管理者
マイク
このサイトのユニーク月間訪問者数を教えていただけますか？
編集スタッフ
Our site gets millions of pageviews per month
管理者
マイク
Very cool! I have built custom VPS configurations to handle that and it only required a $10 VPS
I am really curious why such a complicated setup for a super static site that is so cache friendly?
編集スタッフ
この質問には、Advanced WordPress Facebookグループのスレッドで詳細に回答しました – https://www.facebook.com/groups/advancedwp/permalink/2603396369722561/
タレク・ハサン
How much this setup costs for WP Beginner per month? Just asking
編集スタッフ
タレク、このような類似のセットアップは月額数千ドルかかります。すべて、いくつのWebノード/DBサーバーを起動するかによります。マネージドサービスは、選択する会社によって異なります。例えば、OptinMonsterではサーバー費用は月額XX,XXXドルです。
For WPBeginner site, our hosting is sponsored by HostGator
管理者
Anthony
興味深い記事で、WordPress サイトの読み込み時間を短縮し、静的サイトと同等にすることは確かに可能です。とはいえ、ここにはコストに関する言及がほとんどありません。Netlify のようなサービスで小規模サイトを静的サイトにする方が、おそらくはるかに安価でしょう。エンタープライズレベルや大規模なウェブサイトについてはよくわかりませんが、それでもそちらの方が良いだろうと想像します。
また、Googleインサイトでデスクトップスコアを表示しても、モバイルではGatsbyのホームページよりもパフォーマンスが悪いです。帯域幅と処理速度が最も制限されるモバイル速度の方が重要であると言えます。
編集スタッフ
はい、私たちのような大規模メディアサイト向けのエンタープライズ設定のコストは、ニーズや使用するプロバイダーによって月額数千ドルになります。
小規模なサイトであれば、間違いなく Netlify を使用できますが、小規模ビジネスのオーナーにとっては簡単ではありません。
モバイルに関しては、記事でモバイルの改善の余地があることに言及しました。友人がGoogleの新しいプラグインを共有してくれたので、サイトに追加してモバイルスコアを向上させる予定です – https://wordpress.org/plugins/native-lazyload/
管理者
デビッド
instant.pageプラグインは、Googleのようなサイトのページ速度評価に影響しますか？人間がクリックしないので、影響しないように思えます。その目的のために、さらに1つのスクリプトをインストールすることは本当に利点がありますか？
編集スタッフ
これはGoogleの評価には影響しませんが、全体的なユーザーエクスペリエンスを向上させます。Googleランキングも好きですが、全体的なユーザーエクスペリエンスをより重視しています。
With that said, if you make your website faster you’ll likely see less abandonment overall
管理者
デビッド
返信ありがとうございます。なるほど、よくわかりました。
話は変わりますが、WPBeginnerのロゴは何を表しているのですか？見つめていると、ガスマスクをつけたウィンクする顔にしか見えません。
編集スタッフ
Davidさん、こんにちは。
WPBeginnerのロゴは、初心者のように見えるシンプルな漫画を描こうとした私の下手な試みです。私はそれをBlobと呼んでいます。
It was basically 3 round shapes in Photoshop with a rotated Exclamation mark and tilted close parentheses
Cathy
記事をありがとうございます。しかし、真剣に言ってHostgatorは最悪のホスティングサービスです！
編集スタッフ
意見が分かれるところだと思います。
There are negative reviews of just about every web hosting company in the world. I put HostGator in my top 5 for small business hosting because of their track record and my personal experience
管理者
Arun Siradhana Gurjar
こちらがそのためのプラグインです。Googleが数分前にリリースしました。
https://wordpress.org/plugins/native-lazyload/
編集スタッフ
Thanks for sharing the plugin Arjun. Another friend shared that with me on twitter as well. I have it in my list to try it
管理者
ケイレブ・ウィークス
これらの洞察を共有していただき、 Syedさん、そして徹底的に共有する時間を取っていただきありがとうございます！あなたがここで行った作業の一部が、時間の経過とともにコミュニティの他の人々のためのマネージドWordPressホスティングに浸透する可能性があることを誰が知っているでしょうか。重ねて感謝いたします！
編集スタッフ
Thanks Caleb. I know that some of the optimizations will definitely be trickling down
管理者
Parvez
セットアップには、毎月数千ドル、あるいはそれ以上の費用がかかる場合があります。一方で、大金をかけずに、あるいはNetlifyのような無料ホスティングで、ほぼ同等のパフォーマンスを達成することもできました。
新しいサイトの開設おめでとうございます。
編集スタッフ
大規模なコンテンツサイトの場合、いずれにしても毎月数千ドルを支払うことになります。様々な業界で大規模なブログを運営している私の友人の何人かは、皆毎月数千ドルを費やしています。
小規模なサイトを運営しているなら、確かにNetlifyは機能しますが、それを使うには本当に開発者である必要があります。
私の目標は、適切なキャッシュ、WAF、CDN、DNSツールを使用すれば、WordPressの柔軟性を犠牲にすることなく、本当に高速なウェブサイトを持つことができることを共有することです。
管理者
Martin Lam
それは非常に素晴らしいエンタープライズ設定であり、読む価値のあるものでした。近い将来、私にとって役立つことを願っています。
初心者なので質問があります。WordPress + SiteGround + Genesis Framework、そして明らかにStudioPressのテーマというシンプルなセットアップをしています。
私のサイトはすでにSG Cacheプラグイン+Cloudfare CDNを使用しています。サイトの速度と読み込み時間に関して、Genesisフレームワークについてもっと知りたいと思っていました。それと何か関係があるのでしょうか？
編集スタッフ
Martinさん、こんにちは。
We use Genesis on WPBeginner as well, but the framework alone won’t make your website fast. You still have to look at the additional HTTP queries and image sizes. You’re definitely on the right track with the tools you’re using
管理者