WPBeginner10周年の際、ウェブホスティングパートナーのHostGatorのおかげでWPBeginnerのホスティングインフラが大幅にアップグレードされたことをお伝えしました。
その直後から、読者からWPBeginnerのロードを超高速にした方法を詳しく教えてほしいというメールが届き始めました。
そう、WPBeginnerの読み込みは、ほとんどの静的サイトジェネレータよりも速く、場合によってはGoogle AMPサイトよりも速いのです。
この投稿では、どのようにしてWordPressを静的サイトジェネレータやヘッドレスCMSプラットフォームよりも高速化したのか、その舞台裏をお見せします。
注：この投稿は、通常WPBeginnerで公開しているものよりも少し技術的です。技術に詳しくないユーザーには、WordPressを高速化する方法についての究極のガイドに従うことをお勧めします。
更新：この投稿で紹介したセットアップはもう使っていません。代わりに、SiteGroundが管理するGoogle Cloudプラットフォームに完全に切り替えました。同じスピードで、さらに高速なバックエンドパフォーマンスを実現しています。SiteGroundに切り替えた理由をお読みください。
背景
最近、WordPressは “モダン “な開発者から、WordPressは遅いという悪評をよく耳にする。
この発言は通常、GatsbyJSのようなJAMstack静的サイトジェネレータに切り替えるべきだという言葉でフォローされる。企業の世界では、ContentfulのようなヘッドレスCMSに切り替えるべきだと言う人もいる。
私の成功した起業家の友人の何人かは、これが本当かどうか私に尋ね始めた。
WordPressから静的サイトジェネレータに切り替えたことで、スピードが飛躍的に向上したというケーススタディを読んだからだ。
私は、彼らが何万ドルもの移行コストを無駄にしていることを知っていたので、これはとても悔しいことでした。言うまでもないが、将来的には無限のカスタマイザーコストが積み重なっていくだろう。
そこで私は、WPBeginnerのような大規模なWordPressコンテンツサイトが、最新の静的サイトジェネレータのほとんどよりも速くはないにせよ、同じくらい速くロードできることを証明するための挑戦と受け取った。
私のことを古いと言うかもしれないが、結局のところ、静的サイトはキャッシュからページをロードしているに過ぎないのだ。
結果
WordPressのホスティングサービス、サーバー設定、プラグインについて説明する前に、結果を共有しておくと役に立つと思う。
WPBeginnerのホームページがワシントンDCのサーバーからPingdomでどのくらい速く読み込まれるかを示します：
時間帯や場所によって異なりますが、この結果は400msから700msの範囲で、ホームページとしてはかなり速いです。
個別投稿ページでは画像も大きく、コンテンツも多いので、このようなテストをしてみました：
Googleのページスピードテストでもデスクトップは100点満点でした。モバイルのスコアには改善の余地がありますが。
上記の結果は、読者と検索エンジンのボットが私たちのサイトを表示したときに得られるものであるキャッシュされたページのためのものです。WPBeginnerの認識されるロード時間は、ほぼ一瞬です（これについては後ほど詳しく説明します）。
比較のために、Gatsbyのホームページのスピードテスト結果をご覧ください。これは、多くの開発者が絶賛している人気の静的サイトジェネレータです：
多くの開発者が推奨する人気の静的サイトホスティングサービス、Netlifyのホームページのスピードテスト結果です。リクエスト数は半分、ページサイズはWPBeginnerの30%ですが、それでも私たちのホームページより読み込みが遅いことに注目してください。
企業がより良いデジタル体験を提供する方法」であるヘッドレスCMS、Contentfulのホームページの速度は、すべて最適化されていません。これは私たちがテストした中で最も遅いサイトだった。
この統計は、他のフレームワークを貶めるためにシェアしているのではなく、すべての新しいものが見かけほどピカピカではないという視点を与えるためにシェアしているのだ。
適切なホスティングサービスと最適化されたWordPressは、どの静的サイトジェネレータにも匹敵する速さです。さらに、WordPressがプラグインやテーマの大規模なエコシステムを通じてビジネスオーナーに提供する柔軟性のレベルには、他のプラットフォームでは及ばないだろう。
WPBeginnerホスティングインフラストラクチャ
サイトのスピードに関して、ホスティングサービスのインフラほど重要な権限グループはありません。
すでにご存知の方も多いと思いますが、私は2007年からHostGatorのカスタマです。2009年に小さなHostGator共有ホスティングアカウントでWPBeginnerブログを始めました。
サイトが成長するにつれ、VPSホスティング、そして専用サーバーへとアップグレードしていきました。
この10年間、HostGatorの多くのチームメンバーと密接に仕事をする機会を得て、彼らはWPBeginnerファミリーの一員となりました。
そのため、WPBeginnerを静的サイトジェネレータよりも高速にすることに挑戦したとき、私は彼らに助けを求めました。
私は彼らのリーダーシップ・チームとビジョンを共有し、彼らはWPBeginnerのために他に類を見ないエンタープライズ・ホスティング・セットアップを構築する手助けを申し出てくれました。
彼らはBluehostと HostGatorの両チームから最高のエンジニアを投入し、WPBeginnerの高速化のために私と密接に協力してくれました。
WPBeginnerのホスティングサービスの概要は以下の通りです：
ご覧の通り、これは2つの地域（テキサス州とユタ州）にまたがるマルチサーバーのセットアップです。ロードバランサークラウドを除いて、合計9台のサーバーがあります。各サーバーは、8コア（16スレッド）のXeon-D CPU、32GB RAM、2 x 1TB SSD（RAIDセットアップ）です。
Googleのクラウド・ロードバランシング・プラットフォームを使用しているので、世界中でシームレスな自動スケーリングとロードバランシングが可能です。
ハードウェアのセットアップと適切なデータ同期が完了すると、BluehostとHostGatorのチームが協力してWordPress用のサーバー構成を最適化しました。私の希望は、これらの最適化の一部がすぐに将来のWordPressホスティングサービスプランに組み込まれることです。）
サーバー構成の概要
この複雑なセットアップのサーバー構成をわずか数段落で要約することは非常に困難ですが、私はベストを尽くします。
私たちはWebサーバー・ソフトウェアにApacheを使用している。NGINX対Apacheの議論には立ち入りません。
PHP-FPMプールとともにPHP 7.2を使用しているので、高負荷のプロセスやリクエストを処理することができます。もしあなたのホスティングサービス会社がPHP 7+を使用していないのであれば、深刻なスピードの最適化を逃していることになります。
私たちは、実際のユーザーがキャッシュされていないページビューを経験することがないように、高度なキャッシュウォーマーとOpcodeキャッシングを使用しています。
また、memcacheとオブジェクトキャッシュを使用しているので、ログイン中のユーザー（私たちのライター）の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）、ウェブアプリケーションファイアウォール（WAF）です。
私はこれを3つの区切りとして挙げていますが、現在では多くの企業が、Sucuri、Cloudflare、MaxCDN（StackPath）など、これらのソリューションをバンドルプランで提供しています。
私は最大限のコントロールとリスク分散をしたいので、それぞれの部分を効率的に処理するために3つの会社を使い分けている。
WPBeginner DNSは、DNS Made Easy（Constellixと同じ会社）によって提供されています。彼らは常に世界最速のDNSプロバイダーとしてランクされています。DNS Made Easyの利点は、CDNやWAFの特定のデータセンターが正常に動作していない場合に、グローバルなトラフィックの方向付けを行い、最大限のアップタイムを確保できることです。
私たちのCDNはMaxCDN（StackPath）を利用しています。彼らは基本的に、世界中のサーバーの大規模なネットワークから静的アセット（画像、CSSファイル、JavaScript）を提供できるようにしてくれています。
Sucuriをウェブアプリケーションファイアウォールとして使用しています。攻撃をブロックするだけでなく、CDNのもう1つのレイヤーとしても機能し、全体的なパフォーマンスも素晴らしいです。Sucuriは市場で最高のWordPressファイアウォールソリューションだと思います。
サイトのスピード最適化に取り組む場合、1ミリ秒でも短縮することが重要です。そのため、これらのソリューションプロバイダーを新しいホスティングサービスと組み合わせることで、大きな違いが生まれます。
WPBeginner.com対GatsbyJS.org対CloudFlare.comのウォーターフォールの内訳を示します：
WPBeginnerのDNS時間、SSL時間、接続時間、待ち時間は、これら他の人気サイトと比較すると、すべてトップクラスであることに注目してください。これらの改善はそれぞれ、最高の結果を提供するために複合しています。
Instant.page、最適化された画像、その他のベストプラクティス
WPBeginnerの投稿やページを閲覧する際に、ほぼ瞬時にロードされることにお気づきかもしれません。
上で述べたことはすべてさておき、ジャストインタイムプリロードを使用するinstant.pageと呼ばれるスクリプトを使用することで、待ち時間をごまかしています。
基本的に、ユーザーがリンクをクリックする前に、マウスをそのリンクの上にオーバーさせなければなりません。ユーザーが65ms（非常に短い時間）マウスオーバーすると、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のコアには、すべてのサイトにこの機能を追加するためのチケットもあるので（これがすぐに実現することを願っている）、カスタム・プラグインを書く必要はない。
更新：私がブログ投稿を公開した数時間後、GoogleはWordPress用のNative Lazy Loadプラグインを公開した。
HTTPクエリーの制限＋ベストプラクティス
WordPressのプラグインによっては、ページを読み込むたびにCSSやJavaScriptファイルを追加するものがあります。サイトにプラグインがたくさんあると、これらの追加のHTTPリクエストがコントロールできなくなることがあります。
詳しくは、WordPressプラグインがサイトのロード時間に与える影響をご覧ください。
WordPressのプラグインが多すぎるのは良くないという間違った結論に飛びつく前に、WPBeginnerサイトで有効化したプラグインが62個あることをお知らせしておきます。
HTTPリクエストを減らすために必要なのは、CSSとJavaScriptファイルを可能な限り組み合わせることだ。WP RocketのようなWordPressキャッシュプラグインの中には、最小化機能でこれを自動的に行うことができるものもある。
また、この投稿の指示に従って手動で行うこともできます。
プラグインやテーマが追加するHTTPリクエスト以外にも、サイトに追加するサードパーティのスクリプトにも注意したい。
例えば、多くの広告スクリプトやリターゲティングスクリプトを実行している場合、サイトの速度が低下します。Google Tag Managerのようなツールを使って、必要なときだけ条件分岐でスクリプトを読み込むようにするとよいでしょう。
TechCrunchやTheNextWebのような広告サポートサイトであれば、広告を削除することは設定できないため、これに対してできることはほとんどありません。
幸いなことに、WPBeginnerはお金を稼ぐためにサードパーティの広告スクリプトに依存していません。WPBeginnerがどのようにお金を稼いでいるか見たいですか？WPBeginnerの収入に関する私のブログ投稿をご覧ください。
これまでの教訓と最終的なフィードバック
これは全く新しいホスティングサービスであり、これからたくさんのことを学んでいくことになるだろう。
今のところ、SEOランキングを上げるのに役立ち、管理エリアがより速くなったので、スピードの改善が気に入っています。
新しいマルチサーバーのセットアップでは、WPBeginnerを他のAwesome Motive製品サイトと同等にするために、新しいデプロイワークフローを導入しました。
これが意味するのは、適切なバージョンコントロールがビルトインされ、私の無謀な行動（適切なテストなしにプラグインを追加する、テストなしにダッシュボードからプラグインを更新する、など）を阻止する対策が講じられたということです。
これらの変更は、私が最終的に開発者から離れ、WPBeginnerサイトの主導権を開発チームに譲るための道筋も整えました。
私は何年もこのことに抵抗してきましたが、時が来たのだと思います。
新規セットアップにはcPanelもWHMもないので、コマンドラインはもうあまり流暢に使えないので、いずれにせよ実質的に役に立たなくなります。
これまでのところ、2つの大きな教訓を得ました：
まず、WordPressの更新はサーバー同期／レプリケーションのため、それほど簡単にはいかないということだ。私の個人ブログ（SyedBalkhi.com）をWordPress 5.2にアップグレードした際、ウェブノードのひとつで更新ファイルがうまく同期されず、デバッグに予想以上に時間がかかった。このため、より良いビルド/テストプロセスの構築に取り組んでいます。
第二に、チーム間のコミュニケーションを改善する必要がある。ロードバランサーの設定ミスでちょっとした危機に見舞われ、ダウンタイムが発生した。最悪なことに、私はトルコ航空の大西洋横断便に乗っていて、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に感謝したい。
また、マイク・ハンセン、デビッド・コリンズ、リック・ラディンガー、クリス・マイルズ、デビッド・ライアン、ジェシー・クック、デビッド・フォスター、マイカ・ウッド、ウィリアム・アーンハート、ロビン・メンディエタ、ロッド・ジョンソン、アルフレッド・ナジェム、そして実際にハードワークをこなし、実現してくれたデータセンター・チームの仲間たちにも感謝したい。
スティーブン・ジョブ（DNSMadeEasyの創設者）には、私の質問に素早く答えていただき、いくつかの設定について理解を深めることができました。また、いつも私の背中を押してくれたSucuriのTony PerezとDaniel Cidにも感謝します。
最後に、クリス・クリストフを特別に称えたい。彼はMonsterInsightsの共同設立者であり、テストとデプロイの多くを親切に手伝ってくれた。
WPBeginnerホスティングサービスのインフラに関する舞台裏のケーススタディが参考になれば幸いです。もっと初心者に優しいWordPressのスピードアップ方法についての究極のガイドもご覧ください。
ボーナス：すべてのWordPressサイトにおすすめのWordPressプラグインとツールをご紹介します。
この投稿が気に入ったら、WordPress動画チュートリアルのYouTubeチャンネルを購読してください。Twitterや Facebookでもご覧いただけます。
Jiří Vaněk
I’ve always wondered what’s behind the speed of your site. I was expecting your own server and some improved caching environment, but I really didn’t expect such a tailor-made robust solution. It’s great that you let us see behind the scenes of how this website is built. And it’s also great that you’re showing the world that even WordPress with a really huge number of users can be incredibly fast, even if it also needs a fair amount of power. Thank you for sharing your knowledge and giving us the opportunity to see the infrastructure of your website and what exactly the whole server is running on. It’s a really interesting read.
WPBeginner Support
Glad we could share how we made our site as fast as it is
管理者
Onur
i m wondering why wpbeginner doesnt use wordpress.com
Is there any specific reason ?
please clarify me
WPBeginner Support
We use WordPress.org for our site, you can see the specifics on the two in our article below!
https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
管理者
asantos
This article is unbelievable.
Thanks for sharing!
WPBeginner Support
You’re welcome, glad our guide was helpful
管理者
Cadu de Castro Alves
Amazing article! I love to see other perspective about WordPress optimization other than migrating to headless or other CMSs.
I personally don’t like homepage load speed comparisons especially for news/blogs websites because the homepage usually is not the most visited page.
So I’d love to see load speed performance of posts pages on different environments/platforms.
Thanks for sharing this!
WPBeginner Support
You’re welcome, glad you like our content
管理者
Joseph
Once again, wpbeginner came through. This article is one too much. This is awesome, I have to save this page and read it over again
WPBeginner Support
Thank you, glad our article was helpful
管理者
Chris
[blockquote]There’s also a ticket in WordPress core to add this feature on all sites (really hoping that this happens soon), so I don’t have to write a custom plugin.[/blockquote]
I wrote a simple function to cover that. Until lazy-loading makes it into core you can try it out. I’d like to hear your feedback if you do use it.
https://github.com/seezee/wp-lazy
Editorial Staff
Thanks Chris. Google also released theirs few hours after I published the post – https://wordpress.org/plugins/native-lazyload/
管理者
Jarret
I don’t really see where you made your site faster than a static site generator.
Sure, you spent time optimizing your own site to load as quick as possible, then compared it against the homepage of a static site generator domain which is more likely designed to display important content to a visitor than to load as quick as possible.
You should have configured a domain using each of the static generators, optimize it as you’ve done to your own site, slap a CDN in front of it and then compare that test data.
Editorial Staff
Our homepage content is dynamic and updates every day to show the visitors important content and new blog posts.
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
My reply question to this thread https://www.facebook.com/wpbeginner/posts/10157550202524100?comment_id=10157552775709100 guided to this article. Great article. A few days back I removed shortpixel plugin and using online tinypng for compressing images. Just installed Flying pages for checking. Plan to change host, Godaddy to other. Had a chat with Bluehost India today, price is little higher than Godaddy, but they give free SSL, I don’t know it is only for a year or for ever free.
Editorial Staff
Bluehost offers SSL for free always. The free domain offer is for 1 year though.
管理者
Gijo Varghese
The developer of Flying Pages here. If you run into any issues, jut let me know
Jumedeen khan
Nice guideline sir but I have some doubts,
I think Nginx LEMP stack is fastest server setup for wordpress.
For cache, you can use opcache, file cache and fastcgi cache, no need any cache plugin, nginx cache more fast then plugin cache.
For CDN, Stackpath is not best for all world, it very slow in India, your site image loaded 2-3 seconds here.
For hosting, Hostgator not best than Google cloud, AWS, Digitalocean etc. cloud providers.
Thanks
Editorial Staff
Sure you can use NGINX cache without any plugin. We have that setup on WPForms and several of our other websites that different teams manage.
At the end of the day, it comes down to your level of comfort and familiarity.
管理者
The 'Staunch Investor
DANG!
This is very powerful. Your blog is more like Lambo now.
Congratulation sir
Editorial Staff
Thank you
管理者
Ahmad khan
I am looking forward to applying these steps on my newly purchased hosting on SiteGround for my blog Writer Feels where I write poems.
Editorial Staff
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
Great post. I always manage to learn something from the WPbeginner posts I read! Thank you!
Editorial Staff
Thanks for the kind words Chip
管理者
Luke Cavanagh
Site performance is WebPageTest looks pretty good no max ages or expires set on a number of the assets being served by CDN. Cloudflare has way more PoPs than StackPath offers.
Editorial Staff
Yes Cloudflare does offer a lot of PoPs, but I have found StackPath to have better support. Also StackPath CDN is much cheaper ($10 per month for 1TB of bandwidth).
To get full value of Cloudflare, you have to be on their $200 per month plan ($2400 per year) whereas you can get Sucuri for $299 / year. We’re going a bit extra and adding the extra CDN layer from MaxCDN (StackPath) for an additional $10 per month.
管理者
Anne Hennegar
Nice write up.
Just curious about combining JS and CSS scripts since you were using http/2. I thought with http/2, you weren’t supposed to combine those files.
Editorial Staff
Yes with HTTP/2 you have faster file transport, but reducing queries is always a best practice.
管理者
Patrick
Great post Syed, very thorough post. I honestly feel like static WordPress and serverless WordPress is not a good solution for 90% of Wordpress users. It is a fun buzzword right now but the headache associated with it just isn’t worth it. Either way your infrastructure and attention to detail is very impressive.
I saw you mentioned using a database server but didn’t see what database server you use to? What are your thoughts on using Amazon Aurora RDS 4 WordPress database hosting? Or google cloud?
Editorial Staff
Patrick, we’re using MariaDB on WPBeginner site. We chose to keep it simple, and it serves our needs for now.
On OptinMonster, the team is using a much more sophisticated database setup because they have billions of rows to handle.
管理者
Peter Cruckshank
I just want to say that Netlify is like the greatest thing to happen in web development of you’re hosting static sites or JAM stack sites. And yes you can get WP to have a quick load time, but look at the effort it takes!! And throwing money at the problem never hurts
If you split up you’re site with Gatsby on the front end and WP on the back end to can save A LOT of money on hosting
But you do make some good points with imagine optimization. An easy way to cut load time
Editorial Staff
I agree with you there Peter. There’s never a single right or wrong solution. I just wanted to share the perspective that’s not as popular these days since the cool thing is to talk about JAM stack which most SMB’s can’t implement.
But optimizing images, combining plugin requests with WP Rocket, adding Sucuri is easy enough to get progress
管理者
Bimal Raj Paudel
Whoah! What an amazing thing to read. Was waiting for this.
Wojciech Marusiak
Thanks for the article. I appreciate your results and sharing.
I do however must write my two cents. Your migration costs and further site/code maintenance arguments are 100% valid.
However, what you are using as a hosting (apache ha cluster, waf)is far from “normal” wordpress hosting 99% people use.
Secondly, jamstack is so popular because you can host your website for a fraction of any WP hosting, delivering better “out of the box” performance being many times cheaper.
Cheers
Wojciech
Editorial Staff
Thanks for your comment Wojciech. I agree that my enterprise setup is far from normal. However from my perspective, adding a WAF + optimizing images + reduce HTTP requests with WP Rocket is much more attainable for a small business owner than a JAM stack migration.
管理者
Mike
Can you please share how many unique monthly visitors this site gets?
Editorial Staff
Our site gets millions of pageviews per month
管理者
Mike
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?
Editorial Staff
I actually responded to this question in much details in the Advanced WordPress Facebook group thread – https://www.facebook.com/groups/advancedwp/permalink/2603396369722561/
Tareq Hasan
How much this setup costs for WP Beginner per month? Just asking
Editorial Staff
Tareq, a similar setup like this will cost in the thousands per month. It all depends on how many web nodes / db servers you spin up. Managed services will vary based on the company you choose. For example at OptinMonster our server costs are in the $XX,XXX / month.
For WPBeginner site, our hosting is sponsored by HostGator
管理者
Anthony
Interesting article and it’s certainly possible to speed up load times for WordPress sites and make them comparable to static sites. That said there is no real mention of costs here. Having a static site with someone like Netlify for a small site is probably going to be much cheaper. Not sure on enterprise level and larger websites but would image you’d still be better off.
Also while you show your desktop score on Google insights this page performs worse on mobile than the Gatsby home page. Arguably mobile speed is more important as that’s where bandwidth and processing speed is going to be the most limited.
Editorial Staff
Yes the costs of an enterprise setup like this for a large media site like ours will be in thousands per month depending on your needs and the provider you use.
For smaller sites, you can surely use Netlify, but it’s not easy for small business owners.
With regards to mobile, yes I did mention that in the article that we have room for improvement on mobile. A friend of mine shared this new plugin by Google that I’ll be adding on the site which will help boost our mobile score – https://wordpress.org/plugins/native-lazyload/
管理者
David
Does the instant.page plugin affect the page speed ratings with sites like google? It seems like it wouldn’t since there is no human clicking. So for that purpose, is it really an advantage to have one more script installed?
Editorial Staff
This doesn’t impact Google ratings however it improves the overall user experience. As much as I love Google rankings, I value our overall user experience more.
With that said, if you make your website faster you’ll likely see less abandonment overall
管理者
David
Thanks for the reply. That makes sense.
Unrelated, can you tell me what the wpbeginner logo is supposed to be? I keep staring and all I can see is a winking face wearing a gas mask.
Editorial Staff
Hey David,
The WPBeginner logo was my poor attempt of drawing a simplistic cartoon that looks like a beginner. I call him Blob.
It was basically 3 round shapes in Photoshop with a rotated Exclamation mark and tilted close parentheses
Cathy
Thank you for your article. But seriously Hostgator is the worse hosting service!
Editorial Staff
I think we will have to agree to disagree.
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
Here is the plugin for the same: Google just released it few minutes ago.
https://wordpress.org/plugins/native-lazyload/
Editorial Staff
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
管理者
Caleb Weeks
Thanks for these insights, Syed, and for taking the time to so thoroughly share them! Who knows if some of the work you’ve done here may very well trickle into managed WordPress hosting for others in the community over time. Thanks, again!
Editorial Staff
Thanks Caleb. I know that some of the optimizations will definitely be trickling down
管理者
Parvez
Setup like your required thousands of dollars per month or more than that. On the other hand we could achieve nearly similar performance with breaking the bank or even free hosting like netlify.
Congratulations for the new site.
Editorial Staff
For large content sites, you’ll be paying thousands of dollars per month regardless. Several of my friends who’re running large blogs in their various industries all spend multiple thousands per month.
If you’re running a small site, then sure Netlify will work, but you really have to be a dev to use that.
My goal is to share that with proper caching + WAF + CDN + DNS tools, you can have a really fast website without having to give up the flexibility of WordPress.
管理者
Martin Lam
Well that is a very great enterprise setup and a worth reading one, and I hope that it ‘d come handy for me in the near future.
I have a question, since I’m a beginner and I have a simple setup with WordPress+SiteGround+Genesis Framework and obviously a theme by StudioPress.
My site already uses SG Cache plugin +Cloudfare CDN , I just wanted to know more about Genesis framework in terms of site speed and load time, if it has anything to do with it ?
Editorial Staff
Hey 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
管理者