按此：WP Engine 如何與 WP Engine 的 Josh Dailey 一起讓 WooCommerce 更快

歡迎來到來自 WMR 的 WordPress 社區播客 Press This。 在這裡，主持人 David Vogelpohl 與來自社區的客人坐下來討論 WordPress 開發人員面臨的最大問題。 以下是原錄音的抄錄。

由 RedCircle 提供支持

David Vogelpohl：大家好，歡迎收看 Press This，這是 WMR 上的 WordPress 社區播客。 這是您的主持人，大衛·沃格爾波爾。 我通過我在 WP Engine 的角色支持 WordPress 社區，我喜歡每週在 Press This 上為您帶來社區中最好的。 提醒一下，您可以在 Twitter @wpdavidv 上關注我，也可以在 Red Circle、iTunes、Spotify 上訂閱 Press This，或在 wmr.fm 下載最新劇集。 在這一集中，我們將討論 WP Engine 如何讓商務變得更快。 並加入我們的談話。 我想歡迎 Josh Dailey 先生向我提問。 喬希歡迎。

喬什戴利：你好，大衛。 謝謝你讓我上節目。 這是一種真正的榮譽。

DV：哦，那太好了。 我真的很高興你在這裡，你在喬希之前上過這個節目嗎，我想有四五集，現在我不記得了。

JD：我還沒有。 我還沒有這個特權。 所以這對我來說很重要。

DV：非常好，非常好。 我很高興有你在這裡。 我知道。 當然，我們一起工作 WP 引擎和各種各樣的東西，但多年來的高級冒險和一般的 WordPress，真的很高興在這裡有你的觀點。 對於本集中的這個聆聽，Josh 將談論 WP 引擎 WooCommerce 集中託管選項的最新更新，包括新的 woo 集中緩存優化，可提供多達 90% 的緩存優化，並且 Josh 將與此分享的緩存頁面非常多他們目前在緩存卵母細胞方面面臨的挑戰？ WP Engine 為幫助解決這個問題所做的工作以及他們對未來的計劃。 所以真的很期待採訪喬希，我要開始問你我問每位客人的同樣問題你能簡單地告訴我你的 WordPress 起源故事嗎？ 您第一次使用 WordPress 是什麼時候？

JD：是的，大概是在 2012 年左右。我正在為非營利組織和 SMB 製作視頻和其他一些數字資產。 但挑戰在於，他們正在尋找一個在線大規模分發的地方，顯然它為人們打開了一個能夠分享這些內容的世界。 他們花了很多錢來創造這些資產。 所以我發現 WordPress 作為一個 CMS 並為此加載。 然後當我解鎖並發現周圍的人社區時深入那個世界，然後被邀請為一些 WordPress 插件和開發公司工作。 優秀的，優秀的。

DV：所以 2012 年距離自定義帖子類型和元字段僅兩年。 因此，這在 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 方面分享了這種起源故事。 但是，如果我們可以開始談論傷口性能，讓我們換個檔次吧。 所以我的意思是，很明顯有很多人談到了你在嘗試優化速度時可能面臨的一些挑戰，我認為強調這是最主要的電子商務平台也很重要在地球上。 而且，你知道，那裡有很多巨大的優勢。 但我認為，隨著人們開始真正提高速度，他們可能會開始面臨一些挑戰。 因此，我只是想從您的角度了解構建者或開發人員面臨的主要挑戰是什麼，或者他們正在為頁面優化 WooCommerce？

JD：是的，一旦你們認為 WooCommerce 和速度很重要，它是一個可靠的平台。 你知道，WordPress 是可靠的，而且速度很快，當你開始在它上面添加東西並使用它時。 因此，目前的挑戰與過去的挑戰相去甚遠。 它變得更好了，但發布也變得更好了。 因此，我們在當前狀態下確定的痛點是結構級別的自定義訂單表。 這就是 WooCommerce 正在做的事情。 我們正在參與其中，但本質上，現在 WooCommerce 只使用 WordPress 使用的相同數據庫表，並且沒有用於產品之類的自定義訂單表，但他們正在做的是擴展它以便它繼續比將所有東西都堆放在同一個空間中，更具可擴展性並且性能要好得多。 因此，我們正在參與其中的 beta 工作，但如果您正在傾聽並且想要參與遷移測試，您也可以參與，因為這將使遷移遠離當前流程。 您可以通過訪問 developer.woocommerce.com 並在那裡找到有關此的博客文章來做到這一點。 那是自定義訂單表。 但從另一個角度來說，就是緩存。 因為 WooCommerce 內容是動態的。 緩存成為一個問題。 而且因為如果你緩存了錯誤的頁面，如果你緩存了錯誤的東西，你可能會破壞功能，你會帶來功能，或者你會暴露數據。 所以這是一個緊張點，我們看到很多開發人員都在為動態內容而苦苦掙扎。 如果您繼續訪問有關 WooCommerce 的任何論壇，最後將是購物車碎片問題。 與任何開發人員討論速度並完成 Google 頁面速度測試，您會突然發現有這個卡片片段腳本。 所以這些是三種。

DV：你能解釋一下對於那些沒有讀過這些文章的人來說什麼是購物車碎片嗎？

JD：是的，當然。 因此，購物車片段是一種讓購物車可以隨時了解最新通知或定價或您放入購物車的內容的方式，而無需每次都刷新頁面。 因此，它使用一段 JavaScript 代碼來識別何時發生這種情況，因此它將移動它並讓您保持最新狀態。 現在解決這個問題的當前解決方案很多時候人們只是說把它關掉，但如果你這樣做了，那麼你就不會獲得最新的最新信息，而且你不能讓你的客戶擁有那種定制的體驗或者當有人在您的網站上購物時非常有價值的個性化體驗。

DV：你知道，當我想到速度優化時，這很有趣，我會想到諸如我將在頁面​​上包含多少元素之類的事情。 我經常稱之為痛苦和快樂的平衡。 我的意思是，您知道添加新體驗或內容的樂趣，但隨後又會遭受額外頁面的痛苦。 聽起來也許這種痛苦平衡的概念。 當我們考慮動態內容時，喜悅也是一種體驗。 那是多麼難以捉摸，當然我們知道我們的網站越可兌現，它感覺就像它具有雙重效果，就像被緩存的頁面更快，並且您緩存的頁面越多，您打開的服務器資源就越多準備好那些不是的頁面，所以，你知道，有這種力量，它似乎在做所有這些非常重要的工作，比如讓你的卡保持最新狀態。 但是為此的權衡是性能權衡，似乎在某些情況下，特別是對於更新卡，性能權衡可能太多了。 也許它不是，我想和你談談你們都接近它的方式，但我們要休息一下。 我們馬上回來。

DV：歡迎大家回到 Press This WordPress 社區播客 WMR。 這是您的主持人大衛·沃格爾波爾。 我正在與 Josh Dailey 談論 WP Engine 如何讓 WooCommerce 更快。 喬希在休息前，我們分享了您在 WooCommerce 性能優化客戶訂單表中看到的三個主要重點領域。 很高興聽到會平靜的團隊正在為此努力。 感謝您大聲疾呼，讓人們測試該站點的緩存能力，特別是緩存能力受到當前實踐的影響，這與我個人聽到和看到並關注的一致年。 所以我只是好奇。 就像我們之前提到的，就像人們談論這個和博客一樣，甚至我都知道。 除了在這裡主持 WP 議程並告訴我 WP Engine 正在做什麼之外，建設者開發人員如何應對這些挑戰？ 我只是好奇它如何適合 DIY。 針對這些挑戰的修復或優化。

JD：是的，我認為首先要注意的是，你在最後一段結束時有一個很好的呼籲。 但本質上，當您考慮 PageSpeed 和性能時，因為我在那個領域花了很多時間。 這不是一門科學。 它更像是一種藝術形式。 這是很多的給予和接受。 這就是很多這些東西發揮作用的地方，你並不知道，如果你想在你的網站上播放一個大視頻，你必須知道它只會影響你的速度，但這可能是值得的告訴我們你在做什麼。 因此，對於電子商務領域，特別是許多 DIY 人員解決他們這些優化步驟的方式是手動的，這是您進入和管理它的一種方式。 自己找出現金實施方案。 如果您是該領域的新手，還有一些很棒的插件，但我鼓勵您進入並使用這些插件，然後進行測試測試。 你必須進入那裡，確保你打開了一個開關，看看它在前端的表現如何，確保它沒有破壞某些功能，然後回去玩它。 從 DIY 的角度來看，這是人們這樣做的另一種方式。 最後，我認為有大約 10 個修復速度和性能或正在進行的工作。 你不只是設置一些東西然後忘記它。 您必須不斷思考其含義，因為當更多人轉換速度加快時，它會為您的商店增加價值。 因此，諸如清除瞬態之類的事情是商業正在清除會話的提示。 然後作為獎勵，您還可以阻止機器人在登錄時創建會話。因此，這些是人們在自己執行性能時或如果他們是開發人員時所採取的一些步驟。

DV：是的，所以我只是在回想一下你剛才說的話，但就像，好吧，我知道我可以利用這些性能挑戰作為一個機會。 當我開始擴大規模時，我可能會想到這一點，我將列出清單、現金能力、卡片碎片以及我的緩存規則，所有這些都會發揮作用。 所以我要製定這個項目計劃，並且我要為沿途的每一片選擇一個解決方案。 然後我會去基本上配置和實現它，比如緩存規則，比如我緩存什麼？ 我不緩存什麼？ 我是否像您之前提出的那種觀點一樣公開數據？ 然後我會去執行反對那個。 然後不僅僅是一次，而是隨著時間的推移。 我們在部署新代碼或添加新功能和新內容時分享這一點，但我也在不斷優化，這對嗎？

JD：是的，正如你所聽到的，你經歷的那種解釋可能會佔用很多時間。 它最終是相當多的工作，特別是如果你沒有專門的人來處理它或者你正在經營自己的商店。 性能優化，感覺就像沒有足夠的時間和里面一樣，所以把它放在一口大小的塊中。 如果你可以的話。 但顯然，還有其他解決方案可以為您管理，這只是一種價值成本。 提議。

DV：是的，這真的很有趣，你知道，我覺得我們最終提供的價值主張是擁有你的商店。 不要租給驢小姐。 並且具有獨立的靈活性，從低代碼或新代碼開始，但是，你知道，成長為更強大的東西，但隨之而來的是這種一致和持久的性能優化的責任。 所以你知道，很明顯，節目的標題是關於 WP 引擎、新產品或對其電子商務運營商​​的改進。 不過，我只是好奇，WP Engine 是什麼時候推出 whoo 特定託管的，最初是什麼？

JD：是的，那是一年多以前的事了。 現在。 三月。 那時，我們正在關注電子商務的現狀，以及在大流行期間在線商店出現的明顯增長熱潮。 但如果你仔細想想，這只是一種觀點，這就是事情的發展方向，真的。 因此，我們正在研究如何幫助滿足商店的獨特需求，因此，WordPress 的緊張點之一是搜索功能不是為購物體驗或廣泛搜索而設計的。 它基本上只是搜索數據庫，而且非常有限。 因此，我們首先捆綁的其中一項內容是即時商店搜索。 我們與 elastic press 合作為其提供動力，它是一個非常棒的工具，具有自動建議功能，您的意思是建議，但它遠遠超出了為 DIY 創建自定義亞馬遜風格搜索體驗的範圍，或者您可以打開它並打開上幾個功能。 但是對於開發人員來說，它最初是作為開發人員工具創建的。 所以它有非常強大的功能來做你不能做的事情。 所以想想你知道，以不同的方式排序，按字母順序排列。 使用普通的 WordPress 搜索或特定的產品描述以及諸如此類的東西很難做到這一點。 包含的第二件事是 Genesis bro 許可，這是一個了不起的工具，它具有一些專門針對 WooCommerce 的附加功能。 但我認為 Genesis 增長的真正好處和好處是 Genesis 自定義塊，您可以在其中為電子商務或 WooCommerce 創建自己的塊，只需要很少的代碼，或者特別是 JavaScript，並且能夠使用您熟悉的東西或舒服。 最後，我們獲得了 SPM 許可智能插件管理器是一個了不起的工具，它可以在每種自動化類型的插件測試之前進行視覺回歸測試，並且您可能會花費大量時間進行插件更新，正如我們所知。 有這麼多插件，這麼多主題，這麼多更新需要完成，智能插件管理器會運行測試，然後做備份，然後確保它會與更新和預更新進行比較，以確定是否有什麼東西壞了，然後如果你需要修復它，就會給你一個通知。 所以這是三個關鍵的銷售主張。

DV：太棒了。 所以聽起來一般來說，它基本上是一個託管計劃，彈性印刷機本質上是即時商店搜索，Genesis Pro，它是塊構建和自定義塊構建工具，然後是一個名為 SPM 的自動插件更新服務。 它進行視覺回歸測試，所以這些有點像組合在一起，就像人們使用 WooCommerce 構建電子商務商店的工具包一樣，甚至可以在頁面內容上實現某種形式，我認為從平台的角度來看這很有趣。 但我只是好奇 PHRC 最近宣布了改善城市計劃，特別是圍繞 WooCommerce 的現金，我知道過去的現金與它相適應的感覺現在有更多關於它的信息，我們有大約一分鐘的時間我們的下一個休息時間。 但似乎無法像現在這些計劃中可用的 WooCommerce 現金那樣開始旅程，它是如何運作的？

JD：哦，是的，絕對可以很快為您解決這個問題，但現金是 WP 引擎專有的智能緩存功能，這是您的託管緩存。 但是 WooCommerce 的緩存曾經將該功能擴展到 WordPress 或 WooCommerce 帳戶商店頁面和其他 WooCommerce 頁面。 所以，是的，我們可以在休息之後再談一點。 但那是的，一個起點。

DV：好的，所以基本上，這是進一步的優化，所以永遠的現金專有緩存解決方案，在它鬆散之前，具體的，大概他們開始利用使方式更可緩存我想深入研究我們將如何採取我們的最後一次休息，我們馬上回來。

DV：大家好。 歡迎回到 Press This WordPress 社區播客 WMR。 我們正在談論 WP Engine 如何與 Josh Dailey 一起讓 WooCommerce 更快。 喬希在休息前告訴我們一些關於從 WooCommerce 獲得現金的新緩存功能和 WP 引擎電子商務計劃。 他們只是好奇你是否可以更詳細地了解它是如何工作的，就像它與像公司這樣的地方的默認緩存罪犯有什麼不同了解發生了什麼？

JD：對。 因此，WooCommerce 有一組推薦的排除項，您可以應用這些排除項，並且大多數主機和插件已經這樣做了。 這個。 如果您使用的是性能優化插件，它將應用這些排除項。 但是我們注意到現金或當我們查看現金時，如果有人使用 WooCommerce 與購物車交互，即使他們從購物車中刪除了該產品，這些排除項使用 cookie 來告訴這些頁面不再作為緩存。 因此，在您使用購物車緩存之前，您可能必須第一次訪問該站點。 很好，然後突然之間頁面將減半並加載時間。 這樣做的原因是因為您知道緩存通常會使網站頁面加載速度提高兩倍，並且在我們嘗試瀏覽這些緩存頁面之後，因為動態內容。 所以我們所做的就是查看這些頁面，我們意識到並非所有頁面。 其中一些仍然有很多靜態內容或所有靜態內容仍然可以被緩存，就像博客文章停止被緩存一樣。 所以這些頁面應該繼續被緩存。 並且有了緩存，它知道繞過購物車結賬身份驗證的購物者，但它忽略了 WooCommerce 用於優化靜態頁面現金交付的關鍵 cookie。 這意味著您可以在不丟失功能的情況下獲得緩存的好處。 我們自己也對結果感到驚訝，因為最終發生的事情是我們能夠緩存多達 90% 的頁面，實際上它甚至可以更多，具體取決於您擁有的頁面數量。 如果你有一個巨大的博客，那麼它可能會上升到 99%。 您知道，但這樣做的美妙之處在於，它意味著客戶從始至終都能從中受益，而在他們走得更遠的買家旅程中，性能也會受益。 因此，對於 WooCommerce，如果您只遵循推薦的現金排除，頁面開始變慢，因為客戶繼續使用緩存的買家旅程，您可以在整個購物體驗中繼續擁有相同水平的性能。

DV : 很好。 嗯，謝謝你分享。 我只知道一般。 WooCommerce 的每個緩存都不會緩存，就像是優化的集合，聽起來真的很豐富，而且增加得驚人。 緩存頁數最多減少 90%。 現在你還提到 WP Engine 正在計劃一些關於購物車碎片的事情，你能分享一下嗎？

JD：是的，所以購物車碎片正在做類似的整合，這將本質上是現金的另一進一步延伸。 但它將是一個插件，允許您繼續使用購物車片段功能，以便購物車保持最新並且能夠更新，但它不會在不使用購物車的頁面上運行。 所以 CART 片段的真正痛點是它在每個頁面上運行或檢查每個頁面上運行的小腳本，即使我們的功能不存在。 因此，我們能夠確定何時使用當前功能，然後基於此將適當的規則應用於這些頁面。 因此，這應該真正釋放更多資源或整個站點。

DV：是的，我喜歡自動化這個詞，顯然是安裝、配置和重複。 有時工作量很大，尤其是當你把它們縫合在一起時。 但這聽起來不可思議。 這太棒了。 我真的很感謝你能達到這樣的深度 Josh，我真的很高興今天有你參加。

JD：我說這是我的特權。 大衛，我很喜歡和你一起工作，但我也很喜歡你在 WordPress 社區所做的工作。

DV：非常感謝你，在這個節目中你遇到了這麼多很酷的人，談論非常有趣的事情。 這肯定是我這一周的亮點之一。 但是，再次感謝您今天加入我們，喬希。 對了。 驚人的。 如果您想了解有關 Josh 的更多信息，可以訪問 wpengine.com/ecommerce。 感謝大家收聽在 WMR 上按此 WordPress 社區播客。 同樣，這是您的主持人 David Vogelpohl。 我通過我在 WP Engine 的角色來支持 WordPress 社區。 我喜歡每週在這里為您帶來社區中最好的，然後按此。