これを押してください: WP Engine が WP Engine の Josh Dailey と WooCommerce を高速化する方法

公開: 2022-08-03

WMR の WordPress コミュニティポッドキャスト、Press This へようこそ。 ここでは、ホストの David Vogelpohl がコミュニティのゲストと一緒に座り、WordPress 開発者が直面している最大の問題について話します。 以下は、元の録音の転写です。

レッドサークルが提供

David Vogelpohl:皆さん、こんにちは。WMR の WordPress コミュニティポッドキャスト、Press This へようこそ。こちらはホストの David Vogelpohl です。私は WP Engine での役割を通じて WordPress コミュニティをサポートしており、Press This で毎週ここで最高のコミュニティをお届けしたいと思っています。 Twitter @wpdavidv で私をフォローしてください。Red Circle、iTunes、Spotify で Press This を購読するか、wmr.fm で最新のエピソードをダウンロードしてください。このエピソードでは、WP Engine がどのようにコマースを高速化しているかについて話します。そして、その会話に参加してください。ジョシュ・デイリー氏のプレスを歓迎します。ジョシュはじめまして。

Josh Dailey:こんにちは、デビッド。ショーに出演してくれてありがとう。本当に光栄です。

DV:ああ、それは素晴らしい。ジョシュよりも前に番組に出演したことがあって、ここに来てくれて本当にうれしく思います。エピソードは 4 つか 5 つだと思いますが、今は思い出せません。

JD：まだです。私はまだその特権を持っていません。そして、これは私にとって大きな問題です。

DV:素晴らしい、素晴らしい。あなたがここにいてくれてうれしいです。知っている。もちろん、私たちはWPエンジンとさまざまなことを一緒に取り組んでいますが、長年にわたる上級の冒険とWordPress全般について、ここであなたの視点を持って本当にうれしいです. このエピソードでのこのリスニングでは、Josh が WP エンジンの最近の更新について話す予定です WooCommerce に焦点を当てた新しいキャッシングの最適化を含む、最大 90% 以上を提供する新しい woo に焦点を当てたキャッシングの最適化と、Josh のキャッシュページの大幅な増加を共有する予定でした。卵母細胞のキャッシュに関する現在の課題は何ですか? それに対処するためにWP Engineが行ったことと、将来に向けて計画していること. Josh へのインタビューをとても楽しみにしています。すべてのゲストに尋ねたのと同じ質問をすることから始めます。WordPress の起源について簡単に教えていただけますか? WordPress を初めて使用したのはいつですか。

JD:ええ、おそらく 2012 年頃にさかのぼります。私は、非営利団体や中小企業向けにビデオやその他のデジタル資産を作成していました。しかし、課題は、彼らがオンラインでの大量配布の場所を探していたことです。明らかに、人々がそのコンテンツを共有できる全世界が開かれました. 彼らはそれらの資産を作成するために多額の費用を費やしています。それで、WordPress を CMS として見つけ、そのためにロードしました。そして、ロックを解除してその周りの人々のコミュニティを見つけ、WordPressプラグインおよび開発会社で働くよう招待されたので、その世界に深く入り込みました. 素晴らしい、素晴らしい。

DV: 2012 年は、カスタム投稿タイプとメタフィールドからわずか 2 年後のことです。つまり、WordPress が実際に CMS であるという状況では正しかったのに対し、それ以前はそうではなかったかもしれません。 2012年にそれを認めましたか、それともWordPressだけではなく、そのように機能したことを認めましたか.

JD:私はそれを認めさえしませんでした。解決策が必要だったので、飛び込みました。そして、これは私が見つけることができる最高のものであり、それをスピンアップする方法を学びました. オープンソース版。その前にwordpress.comでブログを書いていました。つまり、すべてオープンソースですが、ブログ用の .com ソリューションを使用していました。そして、誰かが私にそれをドロップする方法を教えてくれ、投稿のバックエンドに入る方法を見つけたので、特にその時は危険であることが十分にわかりました. 危険なだけで十分だった。

DV:私はいつも外に出ます。 WP Engine とそこで何をしているのかについて簡単に教えていただけないでしょうか。

JD:ええ、WP Engine は WordPress に重点を置いているテクノロジー企業です。主に、速度やセキュリティのスケーラビリティサポートなど、ご存じの最大の問題点のいくつかを自慢して解決することを目的としています。だから、ハッキングされてその解決策が必要になった後、私は実際にWP Engineの初期の顧客でした. 私が言ったように、危険なだけで十分です。そして、管理されたWordPressホスティングスペースが実際に飛び出し、離陸し始めたのはそのようなものでした. そして、私はその分野への初期の採用者でした。なぜなら、農夫のハックやその種の周りの塩溶液だからです. しかし、今ではそれははるかに高度になっています。そこでの私の役割として、私はプロダクトマーケティングマネージャーとして、顧客と製品およびエンジニアリングの間に座って、両者の間のリードリエゾンとしてコミュニケーションをとります。 ? そしてまた、それらの製品についてどのように顧客に話し、あなたが前後に回転することを想像しますか.

DV:ご存知のように Josh ですが、DDoS 攻撃を受けた後、実際に WP Engine に配置しました。ですから、あなたと私は WP Engine 側でそのようなオリジンストーリーを共有していると思います。しかし、巻き上げ性能について話し始めることができれば、ギアをシフトしましょう。つまり、スピードを最適化しようとしているときに直面する可能性のある課題のいくつかについて話している人がたくさんいることは明らかです.Wuが最も支配的なeコマースプラットフォームであったことも強調することが重要だと思います.地球上で。そして、ご存知のように、そこには非常に多くの途方もない利点があります。しかし、人々がスピードを本当に洗練し始めると、いくつかの課題に直面し始める可能性があると思います. それで、私はあなたの観点から、ビルダーや開発者が直面している主な課題は何か、またはページの WooCommerce を最適化しているときに理解しようとしていますか?

JD:ええ、WooCommerce について注目すべき重要なことは、それが堅固なプラットフォームであるということです。ご存じのように、WordPress は堅牢で高速です。その上に何かを追加して作業を開始するときです。そのため、現在の課題は、かつてスキップされていたものとはかけ離れています。だいぶ良くなりましたが、投稿もかなり良くなりました。したがって、現在の状態で特定した問題点は、構造レベルのカスタムオーダーテーブルです。それが WooCommerce が取り組んでいることです。私たちはそれに参加していますが、基本的に現在、WooCommerce は WordPress が使用するのと同じデータベーステーブルを使用しているだけで、製品などのカスタム注文テーブルはありません。よりスケーラブルになり、すべてを同じスペースに積み上げるよりもはるかに優れたパフォーマンスを発揮します。そのため、私たちはそのベータ作業に参加していますが、移行のテストに参加したい場合は、移行を現在のプロセスから遠ざけるため、参加することもできます。これを行うには、developer.woocommerce.com にアクセスして、それに関するブログ記事を見つけてください。それが特注テーブルです。しかし、別の観点から言えば、キャッシュです。 WooCommerce のコンテンツは動的だからです。キャッシュが問題になります。また、間違ったページをキャッシュすると機能が壊れる可能性があるため、機能を提供したり、データを公開したりすることになります。これは、多くの開発者が動的コンテンツに苦労しているのを目にする緊張点です。そして最後に、WooCommerce に関するフォーラムに行くと、カートのフラグメントの問題になります。速度について開発者と話し、Google ページの速度テストを行うと、突然、このカードフラグメントスクリプトがあることがわかります。そして、それらは一種の3つです。

DV:それらの記事を読んでいない人のために、カートフラグメントとは何か説明できますか?

JD:ええ、もちろん。したがって、カートフラグメントは、毎回ページを更新することなく、最新の通知や価格設定、またはカートに入れているものをカートに最新の状態に保つ方法です。そのため、JavaScript のコード片を使用してそれが発生したことを認識し、それを移動して最新の状態に保ちます。多くの場合、人々は単にそれをオフにすると言うことを修正するための現在のソリューションですが、そうすると、最新の最新情報を取得できず、顧客にそのカスタマイズされたエクスペリエンスを提供できません。または、誰かがあなたのサイトで買い物をするときに非常に価値のあるパーソナライズされた体験。

DV:速度の最適化について考えると面白いですね。1 ページにいくつの要素を配置するか、または配置しないかなどを考えます。私はしばしばそれを苦しみと喜びのバランスと呼んでいます。つまり、新しい体験やコンテンツを追加することの喜びを知っていますが、追加のページの苦しみを知っているということです. そして、おそらくこの苦しみのバランスの概念のように聞こえます. また、動的なコンテンツについて考えるとき、喜びも一種の体験です。そしてもちろん、私たちのサイトがキャッシュ可能であればあるほど、キャッシュされたページが高速になり、キャッシュするページが増えるほど、より多くのサーバーリソースを開くという二重の効果があるように感じます。カードを最新の状態に保つなど、これらの非常に重要な仕事をすべて行っているように見えるところに、この力があります。しかし、そのトレードオフはパフォーマンスのトレードオフであり、場合によっては、特にカードの更新のように、パフォーマンスのトレードオフが大きすぎるようです。そうではないかもしれませんが、皆さんがそれに近づいている方法についてお話ししたいと思いますが、最初の休憩を取ります。私たちはすぐに戻ってきます。

DV: Press This WordPress コミュニティポッドキャスト WMR へようこそ。ホストの David Vogelpohl です。 WP Engine が WooCommerce を高速化する方法について、Josh Dailey と話しています。 Josh は休憩の直前に、WooCommerce パフォーマンス最適化の顧客注文テーブル内の機会として見られる 3 つの主な重点分野を共有しました。チームがそれに取り組んでいると聞いてうれしく思います。サイトの非常に重要なキャッシュ機能を人々にテストしてもらうために大声を上げてくれてありがとう。特にキャッシュ機能は現在の慣行の影響を受けます。年。だから私はただ興味があります。繰り返しになりますが、前に述べたように、人々がこれとブログについて話しているように、私でさえそれについて知っています. ビルダー開発者は、ここで WP アジェンダをホストする以外に、これらの課題にどのように対処し、WP Engine が何をしているのか教えてください。そして、それがどのようにDIYに適合するのか、私はただ興味があります. これらの課題に対する修正または最適化の両方。

JD:ええ、まず最初に注意することが重要だと思います。なぜなら、最後のセグメントの最後に素晴らしいコールアウトがあったからです。しかし基本的には、PageSpeed とパフォーマンスについて考えると、私はその分野で多くの時間を費やしてきたからです。それは科学ではありません。それはより芸術的な形です。そして、それは多くのギブアンドテイクです。そして、それが多くのことが作用するところです。実際には、サイトで大きなビデオを再生したい場合は、速度が低下するだけであるということを知る必要がありますが、それは価値があるかもしれません。あなたがしていることを私たちに知らせてください。そのため、e コマーススペースでは、特に多くの DIY 関係者がこれらの最適化手順に手動で対処する方法は、あなたが介入して管理しなければならない 1 つの方法です。自分で考えて、現金の実装の実装を理解してください。この分野に慣れていない場合は、いくつかの優れたプラグインもありますが、それらのプラグインを試してみてから、テストテストをテストすることをお勧めします。そこに行って、スイッチをオンにしていることを確認し、フロントエンドでどのように機能するかを確認し、機能を壊していないことを確認してから、戻ってそれをいじる必要があります. これは、人々が DIY の観点からこれを行う別の方法です。そして最後に、速度とパフォーマンスに関する 10 件程度の修正、または進行中の作業があると思います。何かを設定して忘れることはありません。より多くの人々が変換する速度がある場合、それがストアに追加する価値があるため、その影響について常に考えなければなりません. したがって、トランジェントのクリアなどは、商取引がセッションをクリアしているというヒントです。さらに、おまけとして、ボットがログインしているときにセッションを作成するのをブロックすることもできます。これらは、人々が自分でパフォーマンスを行うとき、または開発者がそれに取り組んでいるときに実行する手順の一部です。

DV:ええ、私はちょっと振り返って、あなたが今言ったことについても考えています。規模を拡大し始めると、これを考えるかもしれません。リストを作成し、キャッシュ能力とカードの断片、キャッシュルール、およびそれらすべてが役割を果たします。そこで、このプロジェクト計画を立てて、途中で各スライスの種類に応じたソリューションを選択します。それから、キャッシングルールのような基本的な設定と実装を行います。たとえば、何をキャッシュするかなどです。何をキャッシュしないのですか? あなたが以前に指摘したような種類のデータを公開していますか? そして、私はそれに対して実行に行くつもりです。そして、一度だけではなく、時間をかけて。新しいコードを展開したり、新しい機能や新しいコンテンツを入れたりすることを共有していますが、最適化も行っています。

JD:ええ、そして、お聞きのとおり、そのような説明を行うと、かなりの時間がかかる場合があります。特に専任の人がいない場合や、自分の店を経営している場合は特に、かなりの作業になります。パフォーマンスの最適化は、時間が足りないような気がするので、一口サイズのチャンクでそれを取ってください. できれば。しかし、明らかに、それが価値のコストとして管理されている他のソリューションがあります。提案。

DV:ええ、本当に興味深いですね。私たちが最終的に提供する価値提案は、あなたの店を所有することです。お尻のためにそれを借りないでください。そして、独立した柔軟性を持って、低いコードまたは新しいコードから始めますが、ご存知のように、より強力なものに成長します。ご存知のように、WPエンジン、新しい製品、またはeコマースオペレーターの改善について話している番組のタイトルは明らかです. 私はただ興味があります.WPエンジンはいつwhoo固有のホスティングを開始したのですか?

JD:ええ、それは 1 年と少し前のことです。今。 3月。当時、私たちは現在の e コマースの状態と、パンデミックを通じて店舗がオンラインに移行した明らかな成長ブームに注目していました。でも、考えてみればそういう見方だったんですよね。そのため、ストア固有のニーズにどのように対応できるかを検討しているため、WordPress の緊張点の 1 つは、検索機能がショッピングエクスペリエンスや広範な検索用に設計されていないことです。基本的にはデータベースを検索するだけで、それは非常に限られています。そのため、最初にバンドルしたものの 1 つは、インスタントストア検索でした。私たちは Elastic Press と提携してそれを強化しました。これは自動提案機能を備えた非常に優れたツールであり、提案を意味していましたが、DIY 用のカスタム Amazon スタイルの検索エクスペリエンスを作成するためのそれをはるかに超えています。いくつかの機能がオンになっています。しかし、開発者にとっては、もともと開発者ツールとして作成されました。そのため、自分ではできないことを実行できる非常に強力な機能があります。ですから、アルファベット順にさまざまな方法でソートすることを考えてみてください。通常の WordPress 検索や特定の製品の説明などでは、これを行うのは非常に困難です。この 2 番目に含まれていたのは、驚くべきツールであるジェネシスブロライセンスであり、WooCommerce 専用の追加機能がいくつかあります。しかし、ジェネシスの成長に伴う本当のボーナスと利点は、ジェネシスのカスタムブロックであると思います。これにより、eコマースまたは WooCommerce 用の独自のブロックを非常に少ないコードまたは JavaScript で作成でき、使い慣れたものを使用できる可能性があります。または快適です。そして最後に、スマートプラグインマネージャーは、すべての自動化された種類のプラグインテストの前に視覚的な回帰テストを実行する素晴らしいツールであり、プラグインの更新に多くの時間を費やすことができる、SPM ライセンスを取得しました。非常に多くのプラグインと非常に多くのテーマがあり、非常に多くの更新を行う必要があり、スマートプラグインマネージャーは一種のテストを実行してからバックアップを行い、後でそれを更新と更新前と比較して、何かがあるかどうかを判断します。壊れて、それを修正する必要がある場合は、通知が表示されます。つまり、これらが 3 つの主要な販売提案でした。

DV:すごい。つまり、一般的には、基本的にエラスティックプレスを備えたホスティングプランであり、本質的にインスタントストア検索、ブロック構築およびカスタムブロック構築ツールである Genesis Pro、そして SPM と呼ばれる自動プラグイン更新サービスです。それは視覚的な回帰テストを行うので、プラットフォームの観点から興味深いと思われるページコンテンツでさえも可能にする WooCommerce を使用して e コマースストアを構築する人々のためのツールキットのようなものです。しかし、PHRC が最近発表した都市計画の改善、特に WooCommerce の現金に関するものであるように私は興味があります。過去にそれに対応した現金は、今ではそれについてもっとあるように感じていることを知っています。私たちの次の休憩。しかし、現在これらのプランで利用できる WooCommerce の現金とはどのようなもので、どのように機能するのでしょうか?

JD:ええ、確かにすぐにそれを教えてくれますが、キャッシュは WP エンジン独自のスマートキャッシュ機能であり、マネージドキャッシュです。しかし、WooCommerce のキャッシュは、WordPress を超えてその機能を拡張したり、WooCommerce アカウントのショップページやその他の WooCommerce ページに拡張したりします。ええ、休憩の後、もう少し詳しく説明できます。しかし、それはそうです、出発点です。

DV:わかりました。基本的には、さらなる最適化です。これまでのキャッシュ独自のキャッシングソリューションです。ルーズで具体的である前に、おそらく彼らはキャッシュ可能性を高める方法を利用し始めたのでしょう。最後の休憩、すぐに戻ります。

DV:皆さん、こんにちは。 WordPress コミュニティのポッドキャスト WMR である Press This へようこそ。 WP Engine が WooCommerce をどのように高速化しているかについて、Josh Dailey と話しています。 Josh は休憩の直前に、WooCommerce からの新しいキャッシング機能と WP エンジンの e コマースプランについて少し話していました。彼らは、これがどのように機能するかについてより詳細に説明できるかどうかを知りたがっています。たとえば、会社のような場所で、何が起こっているのかを理解するなど、デフォルトのキャッシング囚人とはどう違うのでしょうか?

JD:そうですね。そのため、WooCommerce には、適用できる推奨除外のセットがあり、ほとんどのホストとプラグインは既に適用しています. これ。パフォーマンス最適化プラグインを使用している場合、それらの除外が適用されます。しかし、これまでの現金で、または現金を調べていたときに気付いたのは、誰かが WooCommerce を使用している場合、カートからその製品を削除したとしても、カートを操作した後、それらの除外は Cookie を使用して、それらのページにもう使用しないように指示することです。キャッシュとして機能します。そのため、カートキャッシュを使用するまでの間、最初にサイトにアクセスする必要がある場合があります。いいのですが、突然、ページが半分になり、読み込み時間が短くなります。その理由は、一般的にキャッシュによってサイトページの読み込みが最大 2 倍速くなることがわかっているためです。また、動的コンテンツのためにそれらのキャッシュページをサーフしようとすると. そこで私たちがしたことは、それらのページを見て、すべてではないことに気付きました. これらのいくつかはまだ多くの静的コンテンツを持っているか、ブログ投稿がキャッシュされなくなったように、まだキャッシュとして提供される可能性のあるすべての静的コンテンツを持っています. そのため、これらのページは引き続きキャッシュする必要があります。また、キャッシュを使用すると、チェックアウト認証された買い物客がカートをバイパスすることを認識していますが、静的ページの現金配送を最適化するために WooCommerce で使用されるキー Cookie は無視されます。つまり、機能を失うことなくキャッシュのメリットを享受できます。そして、私たち自身が結果に驚いたのは、ページの最大 90% をキャッシュすることができたからです。実際には、ページの数によってはそれ以上になることもあります。大規模なブログをお持ちの場合は、最大 99% になる可能性があります。ご存知のように、これの優れた点は、顧客が最後までメリットを享受し、バイヤージャーニーが進むにつれてパフォーマンスが向上することです。そのため、WooCommerce を使用すると、推奨されるキャッシュ除外だけに従っている場合、顧客がキャッシュを使用して購入者の旅を続けるにつれてページが遅くなり始めますが、ショッピング体験全体で同じレベルのパフォーマンスを維持し続けることができます.

DV : すばらしい。共有してくれてありがとう。私は一般的に知っています。 WooCommerce のすべてのキャッシュは決してキャッシュされない最適化のコレクションのようなものであり、それがどのように機能するかは非常に重要であり、それが増加するのは驚くべきことです。最大 90% のキャッシュページ数。また、WP Engine がカートのフラグメントに関していくつかのことを計画していると述べましたが、それについて何を共有できますか?

JD:はい、カートフラグメントは同様の統合を行っていました。ただし、カートのフラグメント機能を引き続き使用できるようにするプラグインになるため、カートを最新の状態に保ち、更新できますが、カートを使用しないページでは実行されません. したがって、CART フラグメントの本当の問題点は、機能がそこにない場合でも、すべてのページで小さなスクリプトが実行されていることをすべてのページで実行またはチェックすることです。そのため、現在の機能がいつ使用されているかを判断し、それに基づいてそれらのページに適切なルールを適用できます。そのため、実際にはさらに多くのリソースやサイト全体で解放されるはずです.

DV:ええ、私は自動化された、明らかにインストール、構成、繰り返しという言葉が好きです。特にすべてを縫い合わせるときは、大変な作業になることがあります。しかし、それは信じられないように聞こえます。これは最高でした。 Josh さんがこのレベルの深みにまで足を運んでくれたことに本当に感謝しています。

JD:そして、それは私の特権だと言いました。デビッド、私はあなたと一緒に仕事をすることを楽しみましたが、WordPress コミュニティであなたが行った仕事も楽しんでいます.

DV:ありがとうございました。この番組でたくさんのクールな人たちに会って、本当に面白いことを話せます。それは確かに私の週のハイライトの1つです. 繰り返しになりますが、今日はご参加いただきありがとうございます、ジョシュ。右に。素晴らしい。 Josh の取り組みについて詳しく知りたい場合は、wpengine.com/ecommerce にアクセスしてください。 WMR でこの WordPress コミュニティポッドキャストのプレスを聞いてくれてありがとう。繰り返しになりますが、これはあなたのホストである David Vogelpohl です。 WP Engine での役割を通じて、WordPress コミュニティをサポートしています。そして、毎週ここでコミュニティの最高のものをお届けし、これを押すのが大好きです.