私たちが10周年を祝ったとき、ホスティングインフラストラクチャが大幅にアップグレードされたことを共有しました。それ以来、多くの読者から、サイトをこれほど速く読み込めるようにした方法について問い合わせがありました。
当社のサイトがほとんどの静的サイトジェネレーターよりも速く読み込まれるのは事実です。場合によっては、Google AMPサイトよりも速いこともあります。
これは単なる自慢話ではありません。WordPressのパフォーマンスを最大限に引き出すために当社のチームが使用している正確なテクニックを共有したいと思います。
このガイドでは、当社のセットアップの舞台裏を独占的にご紹介します。ヘッドレスプラットフォームを打ち負かすためにWordPressをどのように最適化したかを学びます。
注意：この記事は、通常のコンテンツよりも技術的です。技術に詳しくない場合は、WordPressを高速化する方法に関する究極のガイドを読むことをお勧めします。
更新：以下のセットアップは現在使用していません。代わりに、SiteGroundが管理するGoogle Cloudプラットフォームに完全に切り替えました。同じ速度結果を維持し、より高速なバックエンドパフォーマンスを解除しました。 SiteGroundに切り替えた理由をお読みください。
現在SiteGroundを使用していますが、以下で構築したカスタムインフラストラクチャは、当時としては大規模なエンジニアリングマイルストーンでした。
このケーススタディは、サーバーレベルのキャッシュ、ロードバランシング、エッジレベルの最適化といったコアコンセプトが、今日のWordPressを静的サイトジェネレーターよりも高速にするために使用されているのと同じ原則であるため、公開し続けています。
背景
最近、「モダン」な開発者の間で、WordPressは遅いという悪い評判が広まっています。
通常、この声明に続いて、GatsbyJSのようなJAMstack静的サイトジェネレーターに切り替えるべきだと言われます。エンタープライズの世界の他の人々は、ContentfulのようなヘッドレスCMSに切り替えるべきだと言うでしょう。
私の非常に成功している起業家の友人たちが何人か、これが本当かどうか私に尋ね始めました。
他の人がWordPressから静的サイトジェネレーターに切り替えることで大幅なスピード改善を実現したというケーススタディを読んだため、ヘッドレスCMSへの移行プロセスを開始した企業さえあります。
これは私にとって非常にフラストレーションがたまることでした。なぜなら、彼らが数万ドルもの移行費用を無駄にしていることを知っていたからです。将来的に発生するであろう無限のカスタマイズ費用は言うまでもありません。
そこで、WPBeginnerのような大規模なWordPressコンテンツサイトが、ほとんどのモダンな静的サイトジェネレーターと同等、あるいはそれ以上に高速に読み込めることを証明する挑戦だと受け止めました。
私を時代遅れと呼んでも構いませんが、結局のところ、静的サイトは単にキャッシュから読み込まれるページにすぎません。
結果
正確なWordPressホスティングインフラストラクチャ、サーバー構成、およびプラグインに入る前に、結果を共有することが役立つと思います。
PingdomのワシントンDCサーバーから見たWPBeginnerのホームページの読み込み速度は以下の通りです。
どの時間帯や場所からチェックするかによって結果は異なりますが、ホームページとしては非常に高速な400msから700msの範囲です。
より大きな画像と多くのコンテンツを含む単一の投稿ページで実行したテストを以下に示します。
デスクトップではGoogle Page Speed Testで「100」という満点を獲得しました。ただし、モバイルスコアには改善の余地があります。
上記の結果はキャッシュされたページのもので、読者や検索エンジンのボットがウェブサイトを閲覧する際に表示されるものです。WPBeginnerの体感的な読み込み時間はほぼ瞬時です（これについては後述します）。
比較のために、Gatsbyのホームページのスピードテスト結果を以下に示します。これは、多くの開発者が絶賛している人気の静的サイトジェネレーターです。
ここに、多くの開発者が推奨する人気の静的サイトホストであるNetlifyのホームページのスピードテスト結果を示します。彼らはリクエスト数が半分で、ページサイズはWPBeginnerの30%であるにもかかわらず、私たちのホームページよりも遅く読み込まれることに注目してください。
「エンタープライズがより良いデジタル体験を提供する」ためのヘッドレスCMSであるContentfulのホームページの速度は、全く最適化されていません。これは、私たちがテストした中で最も遅いウェブサイトでした。
これらの統計を共有するのは、他のフレームワークを貶めるためではなく、新しいものがすべて見えるほど輝かしいわけではないという視点を提供するためです。
適切なホスティングインフラストラクチャと最適化を備えたWordPressは、あらゆる静的サイトジェネレーターと同じくらい高速にすることができます。さらに、WordPressが、プラグインとテーマの大きなエコシステムを通じて、ビジネスオーナーに提供する柔軟性のレベルに近づくことができるプラットフォームは他にありません。
WPBeginnerホスティングインフラストラクチャ
ウェブサイトの速度に関して、ウェブホスティングインフラストラクチャほど重要な役割を果たすものはありません。
皆さんの多くはすでに知っているように、私は2007年からHostGatorの顧客です。私は2009年に、HostGatorの小さな共有ホスティングアカウントでWPBeginnerブログを開始しました。
ウェブサイトが成長するにつれて、私たちは彼らのVPSホスティング、そして専用サーバーにアップグレードしました。
過去10年間、私は彼らの多くのチームメンバーと緊密に協力する機会を得て、彼らはWPBeginnerファミリーの延長となりました。
そのため、WPBeginnerを静的サイトジェネレーターよりも高速にするという課題に取り組んだとき、私は彼らに助けを求めました。
私は私のビジョンを彼らのリーダーシップチームと共有し、彼らはWPBeginnerのためにユニークなエンタープライズホスティングセットアップを構築するのを手伝ってくれると申し出てくれました。
Bluehost と HostGator の両チームの優秀なエンジニアが私と密接に連携し、WPBeginner を驚異的な速さにしました。
WPBeginnerのホスティングセットアップの概要は以下の通りです。
ご覧の通り、これはテキサス州とユタ州の2つの地理的地域に分散されたマルチサーバー構成です。ロードバランサークラウドを除き、合計9台のサーバーがあります。各サーバーはXeon-D CPU（8コア、16スレッド）、32GB RAM、2 x 1TB SSD（RAID構成）です。
私たちはGoogleのCloud Load Balancingプラットフォームを使用しているため、世界中でシームレスな自動スケーリングとロードバランシングが可能です。
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. I hope that some of these optimizations will soon make it into future WordPress hosting plans 
サーバー構成の概要
この複雑なセットアップのサーバー構成を数段落で要約するのは非常に難しいですが、最善を尽くします。
チームがより慣れているため、WebサーバーソフトウェアにはApacheを使用しています。NGINX対Apacheの議論には触れません。
当時は、PHP 7.2とPHP-FPMプール（サーバーが高負荷トラフィックを効率的に処理するのに役立つ方法）を使用していました。現在、ホスティング会社がPHP 8.1以降を使用していない場合、大幅な速度最適化と重要なセキュリティアップデートを見逃しています。
Opcodeキャッシュ（コンパイルされたPHPコードを保存してサーバーを高速化する）と高度なキャッシュウォーマーを使用して、実際のユーザーがキャッシュされていないページビューを体験しないようにしました。
また、memcacheを使用したオブジェクトキャッシュも使用しました。オブジェクトキャッシュはデータベースクエリを保存するため、キャッシュされていないページヒットの応答時間を大幅に改善し、ログインユーザー（ライター）のWordPress管理画面を高速化できます。
これは、当時のWordPress管理画面の「すべての投稿」画面のネットワークロードタブです。
比較すると、管理画面の体験は以前よりも2倍高速になりました。
データベースサーバーについては、MySQLからMariaDBに切り替えました。MariaDBはMySQLのクローンですが、より高速で優れています。また、データベースレプリケーション、フェイルオーバー、ロードバランシングを改善するのに役立つため、HyperDBからLudicrousDBに切り替えました。
その他にも、HTTP/2とHSTSによる高速な接続と暗号化、データセンターの障害発生時に新しい地域にサーバーを増設できる機能など、パフォーマンスとスケーラビリティに役立つ多くの構成があります。
チームが構築した素晴らしいセットアップに十分な貢献ができていないように感じますが、私の主な強みはマーケティングであることを知っておいてください。はい、私はWordPressについて書くブロガーですが、ここの技術的な最適化の多くは私の手に負えないほど高度です。
これらは、Enduranceチームの非常に優秀なエンジニアたちによって作成されました。EnduranceのチーフアーキテクトでありHostGatorのCTOでもあるDavid Collins氏、コアWordPress開発者のMike Hansen氏、そして以下クレジットセクションで感謝の意を表す方々が含まれます。
CDN、WAF、およびDNS
Webホスティング以外に、ウェブサイトの速度に大きな役割を果たす他の領域は、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）を提供できるようにしてくれました。
WebアプリケーションファイアウォールとしてSucuriを使用しています。攻撃をブロックするだけでなく、CDNの別のレイヤーとしても機能し、全体的なパフォーマンスは驚くほどです。市場で最高のWordPressファイアウォールソリューションだと信じています。
ウェブサイトの速度最適化に取り組む際には、ミリ秒単位の短縮が重要です。そのため、これらのソリューションプロバイダーと当社の新しいウェブホスティングインフラストラクチャを組み合わせることで、大きな違いが生まれます。
例として、WPBeginner.com、GatsbyJS.org、CloudFlare.comのウォーターフォールブレークダウンを以下に示します。
WPBeginnerのDNS時間、SSL時間、接続時間、待機時間が、他の人気ウェブサイトと比較してすべてトップクラスであることに注目してください。これらの改善はすべて、最良の結果をもたらすために積み重なります。
Instant.page、最適化された画像、その他のベストプラクティス
WPBeginnerの投稿やページを閲覧する際の、ほぼ瞬時の読み込み時間に気づいたかもしれません。
上記で述べたすべてのこととは別に、ジャストインタイムプリローディングを使用するinstant.pageというスクリプトを使用して、レイテンシを短縮しています。
基本的に、ユーザーがリンクをクリックする前に、そのリンクの上にマウスカーソルを重ねる必要があります。ユーザーが65ミリ秒（非常に短い時間）カーソルを重ねると、2人に1人が実際にリンクをクリックします。
Instant.pageスクリプトは、この時点でページのプリロードを開始するため、ユーザーが実際にリンクをクリックしたときには、多くの重い処理がすでに完了しています。これにより、人間の脳はウェブサイトの読み込み時間をほぼ瞬時に知覚します。
Instant.pageをサイトで有効にするには、Instant Page WordPressプラグインをインストールして有効化するだけです。
このスクリプトは非常に優れています。彼らのウェブサイトをチェックして、「クリック速度テスト」ボタンをクリックして、それがどのように脳を騙すかを確認することを強くお勧めします。
更新：最終的に、WPBeginner Engage Facebookグループで共有されたFlyingPagesプラグインをテストするためにinstant.pageを無効にしました。最適なパフォーマンスのために、instant.pageとquicklinkのロジックのベストを組み合わせて、新しいプリロードスクリプトを常にテストおよびローテーションしています。
ウェブ用の画像の最適化
WebPのような新しい画像形式が開発されていますが、まだ使用していません。代わりに、すべてのライターにTinyPNGツールを使用して各画像を最適化するように依頼しています。
OptimoleまたはEWWW Image Optimizerのようなプラグインを使用して、画像圧縮を自動化することもできます。
ただし、個人的には、サーバーに大きなファイルをアップロードしないように、チームに手動で行ってもらうことを好みます。
当時、画像に対して遅延読み込みを行っていませんでしたが、GoogleがChromeでネイティブの遅延読み込みサポートを導入したら追加する予定でした。
幸いなことに、WordPress 5.5以降、遅延読み込みはWordPressコアに直接組み込まれています。これは、今日では、ウェブサイトで基本的な画像の遅延読み込みを実現するためにカスタムプラグインを必要としなくなったことを意味します。
HTTPクエリの制限 + ベストプラクティス
使用しているWordPressプラグインによっては、ページを読み込むたびにCSSファイルやJavaScriptファイルが追加されるものがあります。ウェブサイトに多くのプラグインがあると、これらの追加HTTPリクエストが手に負えなくなる可能性があります。
詳細については、WordPressプラグインがサイトの読み込み時間にどのように影響するかを参照してください。
さて、WordPressプラグインが多すぎると悪いという誤解を招く前に、WPBeginnerのウェブサイトでは62個のアクティブなプラグインが実行されていることをお知らせしたいと思います。
可能な場合はCSSおよびJavaScriptファイルを結合して、HTTPリクエストを削減する必要があります。WP Rocketのような一部のWordPressキャッシュプラグインは、ミニフィケーション機能でこれを自動的に行うことができます。
WPBeginnerのチームが実際に行ったように、これを手動で行うためのこの記事の手順に従うこともできます。
プラグインやテーマが追加するHTTPリクエスト以外にも、ウェブサイトに追加する他のサードパーティスクリプトにも注意する必要があります。なぜなら、各スクリプトがウェブサイトの速度に影響を与えるからです。
例えば、多くの広告スクリプトやリターゲティングスクリプトを実行している場合、それらがサイトを遅くします。Google Tag Manager のようなツールを使用して、必要な場合にのみスクリプトを条件付きで読み込むことを検討してください。
TechCrunch や TheNextWeb のような広告サポート型のウェブサイトの場合、広告を削除することは選択肢ではないため、これに関してできることはほとんどありません。
幸いなことに、WPBeginnerは収益を上げるためにサードパーティの広告スクリプトに依存していません。WPBeginnerがどのように収益を上げているか知りたいですか？私のブログ記事WPBeginnerの収入を参照してください。
学んだ教訓（これまでのところ）+ 私の最終的な考え
これは全く新しいホスティングインフラであり、今後多くのことを学んでいくことになるでしょう。
これまでのところ、速度の向上はSEOランキングの向上に役立ち、管理エリアもはるかに高速になったため、気に入っています。
新しいマルチサーバーセットアップにより、WPBeginnerをAwesome Motiveの製品サイトの他のサイトと同等にするための新しいデプロイメントワークフローを導入しました。
これは、適切なバージョン管理が組み込まれ、私が無謀な行動（つまり、適切なテストなしにプラグインを追加したり、テストなしにダッシュボードからプラグインを更新したりすることなど）を防ぐための対策が講じられていることを意味します。
これらの変更は、私が開発から手を引き、WPBeginnerサイトの指揮を開発チームに引き渡すための道も開きました。
何年も抵抗してきましたが、その時は来ていると思います。受け入れる必要があります。
新しいセットアップにはcPanelやWHMがないため、コマンドラインにあまり慣れていない私にとっては、実質的に無用になります。
これまでのところ、2つの大きな教訓を学びました。
まず、サーバーの同期/レプリケーションのため、WordPressの更新はそれほど簡単ではありません。私の個人的なブログ（SyedBalkhi.com）でのメジャーコアアップデート中に、更新ファイルがWebノードの1つで正しく同期せず、デバッグに予想以上に時間がかかりました。このためのより良いテストプロセスを構築する必要がありました。
第二に、チーム間のコミュニケーションを改善する必要があります。ロードバランサーの設定ミスによる小規模な危機が発生し、ダウンタイムが発生しました。さらに悪いことに、私はターキッシュエアラインズの transatlantic flight に乗っており、WiFi が機能していませんでした。
幸いなことに、ホスティングチームの迅速な対応のおかげで全て解決しましたが、これにより、将来同様のインシデントをより適切に処理するための、いくつかの新しい標準運用手順（SOP）を作成することができました。
全体的に、セットアップには非常に満足しており、WPBeginnerのために行われたキャッシュ設定/最適化の一部が、HostGator CloudとBluehost WordPressホスティングプランの標準となることを知っています。
もしあなたがウェブサイト、ブログ、またはオンラインストアを始めたばかりなら、この高度なエンタープライズセットアップは必要ないということは、言うまでもないでしょう。
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氏にも、いつも私のバックアップをしてくれていることに感謝したいと思います。
最後になりましたが、Chris Christoff氏に特別な功績を称えたいと思います。MonsterInsightsの共同創設者であり、多くのテストと展開を手伝ってくれたことに感謝しています。
よくある質問 (FAQ)
これは多くの技術的な情報であり、理解するのが難しいかと思います。WordPressの速度とパフォーマンスに関する最も一般的な質問への回答を以下に示します。
高速なウェブサイトを持つために、WPBeginnerのような複雑なホスティング設定が必要ですか？
絶対に違います。このケーススタディは、エンタープライズレベルで何が可能かを示しています。ほとんどのユーザーにとって、BluehostまたはHostGatorの質の高い共有ホスティングプランから始めるのが完璧な出発点です。サイトが成長するにつれて、いつでもアップグレードできます。
WordPress の速度にとって最も重要な要素は何ですか？
ウェブサイトの速度の 3 つの柱は、ウェブホスティングインフラストラクチャ、キャッシュ、およびコンテンツ配信ネットワーク (CDN) です。これら 3 つを正しく設定することで、ほとんどの WordPress ウェブサイトの最大のパフォーマンスボトルネックが解消されます。
技術の専門家でなくても、WordPressサイトを高速化できますか？
はい。この記事は技術的ですが、すべてを理解する必要はありません。初心者向けのガイドに従い、WP Rocketのような優れたキャッシュプラグインを使用し、画像を最適化することで、コーディングの知識がなくてもサイトの速度に大きな影響を与えることができます。
多くのプラグインを使用するとWordPressが遅くなりますか？
問題なのはプラグインの数ではなく、その質です。適切にコーディングされたプラグインは最小限の影響しか与えません。しかし、不適切にコーディングされたプラグインは、サイトを遅くする不要なコードやデータベースクエリを追加する可能性があります。
ウェブサイトのパフォーマンスを向上させるための追加リソース
このケーススタディがお役に立った場合は、WordPressサイトをより高速にするためのステップバイステッププロセスを説明した他のガイドもご覧ください。より実践的なヒントについては、それらを確認してください。
- WordPressの速度とパフォーマンスを向上させるための究極ガイド – あらゆるスキルレベルのユーザーがサイトの速度を向上させるための、最も包括的なガイドです。
- 最適なWordPressホスティングの選び方 – ニーズと予算に合ったホスティングプロバイダーの選び方を学びましょう。
- WordPressブログにCDNが必要な理由 – CDNの仕組みと、速度にとってなぜ不可欠なのかを詳細に説明します。
- WPBeginnerのブループリント – 現在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://www.wpbeginner.com/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
管理者
クリス
[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
管理者
マツクティ・ピー・ブイ
このスレッドへの私の返信の質問 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を使用するとファイル転送が高速になりますが、クエリを減らすことは常にベストプラクティスです。
管理者
パトリック
素晴らしい投稿、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
管理者
アンソニー
興味深い記事で、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
管理者