如何在 Google PageSpeed Insights for WooCommerce 上獲得高分

網站性能是網頁設計的一個重要方面，往往被機構忽視。 如果您的網站響應速度非常快並提供內容，您將獲得許多好處——包括轉化次數的增加和在 Google 中的更好排名。

在 Herdl，我們充分認識到高性能可以跨多個營銷渠道提供的好處，並將性能優化視為我們流程中不可或缺的一部分。

為什麼網站速度很重要？

作為一個電子商務網站，轉化率是一個重要的數據，應該構成您報告流程的核心。 網站速度對網站轉化率有著根本性的影響，谷歌提供的研究強調了快速網站的巨大好處。 在他們的報告中，很容易發現網站速度和轉化率之間的強相關性。

谷歌最近還再次確認了網站速度作為排名因素的重要性：2018 年初，他們宣布了速度更新，作為其向移動優先索引更廣泛過渡的一部分。 速度更新於 2018 年 7 月推出，據報導僅影響了一小部分網站體驗最慢的網站。

作為一個電子商務網站，轉化率是一個重要的數據，應該構成您報告流程的核心。

儘管如此，早在 2010 年 Google PageSpeed Insights 首次發佈時，網站速度就已成為 Google 搜索引擎算法的一部分。 在發布期間，網站速度被正式命名為谷歌的排名信號之一，並被認為是一個不可或缺的 SEO 排名因素。

硬件和設置的重要性

性能從硬件開始，因此如果您的服務器或網絡有限，性能將不可避免地受到影響。

我們的託管平台由 Bitfield Consulting 的基礎架構專家 John Arundel 設計、構建和管理，並提供高性能 WordPress 託管和數據中心級災難恢復。 我們在 Digital Ocean 和 Linode 上分佈站點，它們都提供可靠且可擴展的虛擬專用服務器，運行在具有 SSD 驅動器和 40Gbit 網絡的快速硬件上。

出於性能和安全性考慮，我們始終採用每服務器單站點模型和每服務器防火牆。 共享主機最好避免用於商業網站，並且絕對應避免用於電子商務。 在託管和安全方面，請保持偏執——“不要冒險”是最好的心態。

共享主機最好避免用於商業網站，並且絕對應避免用於電子商務。

Herdl 服務器通過 Puppet 的配置管理運行 LEMP 堆棧（Ubuntu LTS、Nginx、MySQL、PHP）。 Puppet 使我們能夠自動化我們的服務器設置、應用程序安裝和系統管理，從而消除這些重複性任務中的人為錯誤。 它還用於自動化日常服務器備份，將完整數據庫和增量站點備份保存到 Amazon S3。 通過將異地備份保存到 S3，我們確保即使數據中心出現故障也可以訪問它們。

對於單服務器架構，性能瓶頸通常是數據庫，它可能是內存密集型的——確保您有足夠的 RAM 和 vCPU。 使用 Redis 緩存查詢結果可以進一步提高數據庫性能。

MySQL ( my.cnf ) 附帶的標準配置可以工作，但您可能需要根據您的服務器規範稍微調整一下。 有很多關於為 WordPress 優化 MySQL 的好文章，其中包括有用的建議和示例配置文件，但最好的選擇是將其調整為您的實際站點使用情況——為此，我們使用這個出色的 Perl 腳本。

請務必先在您的登台站點上測試任何配置更改，並使用 mysqlslap（MySQL 附帶）對您的結果進行基準測試。 在您的登台服務器上啟用 MySQL 慢查詢日誌也是一個好主意，因為這可以突出顯示應該調查的麻煩查詢（並且對於為您的基準測試提供測試查詢也很有用）。

如果您定期發佈內容，WordPress 數據庫可能會因為它自動保存的所有頁面和發布修訂而變得非常臃腫。 默認情況下，WordPress 保存的修訂數量沒有限制——我們通過在 WordPress 配置文件 ( wp-config.php ) 中添加以下行將這個數字限制為五個：

define( 'WP_POST_REVISIONS', 5 );

最後，不時優化您的數據庫也是值得的，但請務必先備份它。 WP Rocket，一個 WordPress 緩存插件，提供了你需要的所有工具。 稍後我會更多地談論 WP Rocket。

開發工具

對於 WordPress 開發，我們依靠 Roots 團隊使用 Sage starter 主題（和工作流程）對 WordPress 的特殊“風格”。 這包括用於高級自動化構建任務的 Gulp、用於控制依賴項的 Composer，包括使用第三方 WordPress 插件（和版本控制），以及用於包管理的 npm。

您可以想像，我們的工作流程在不斷發展，我們一直在尋找新的工具和服務來整合到我們的流程中。 我們的團隊努力保持我們的代碼 DRY 並儘可能地遵循 BEM 原則。 我們構建主題文件的方式是為了通過分解主題功能、模板和資產來促進這一點。

對於版本控制，我們通過 Bitbucket 使用 Git，遵循 NVIE git 工作流程。 代碼是通過 DeployHQ 自動構建和部署的，它易於設置並提供 WordPress 開發所需的所有選項。 另外，他們的支持是一流的。

一旦您的應用程序啟動並運行，就可以測量和基準測試重要統計數據，以便您可以微調和優化性能。 為此，我們結合使用 Pingdom 工具、GT Metrix 和 Google PageSpeed Insights。 這些服務生成的報告中有很多指標需要查看——最終，加載時間和頁面大小是需要關注的，目的是盡可能降低兩者。 這可確保所有設備（和網絡連接）上的所有用戶都能獲得最佳體驗。

在跨瀏覽器和設備測試方面，我們選擇 LambdaTest。 它使用簡單，提供全面的測試套件，併計劃滿足所有預算。 它還與 Trello 和 Slack 集成，構成我們工作流程的重要組成部分。

WP Rocket 是我們首選的 WordPress 緩存插件，它將顯著提高任何網站的性能。 它易於配置並為更高級的用戶提供非常精細的控制，這意味著您可以微調緩存配置。 WP Rocket 與 CDN 完美集成，其許可模式非常適合代理機構。

根據客戶的預算和站點，靜態資產要么由 Web 服務器直接提供，來自 CDN（例如 Beluga 和 BunnyCDN），要么通過實時圖像優化服務（Piio 和 Imagekit）提供。 對於移動性能，Piio（發音為 pie-o）是一個很好的選擇，因為它會在延遲加載圖像之前動態檢測、優化和調整圖像大小——這意味著每個設備都會收到優化和正確調整大小的圖像（無需在瀏覽器中縮放）。

如果我們不使用圖像優化服務，那麼 Short Pixel 是我們推薦的插件。 它使用有損、光澤或無損壓縮提供出色的圖像優化，還可以將圖像轉換為 WebP 格式。 它還可以批量優化您的整個媒體庫，而且價格也很有競爭力。

安全性是網站性能的重要組成部分。 如果您的網站遭到破壞、被惡意軟件感染或因攻擊而脫機，那麼它的性能就不是最佳的。 如此受歡迎使 WordPress 成為黑客的明顯目標，因此應用程序級別的安全性至關重要。 我們使用並強烈推薦 WordFence，它無疑是最好的 WordPress 安全插件。 對於電子商務網站，請選擇付費的 Pro 許可證——客戶數據不是您應該冒險的事情。

可用性也是關鍵。 如果它目前處於關閉狀態並且您不知道它，那麼擁有地球上最快的站點是沒有意義的。 對於服務器級別的監控，我們使用 Icinga 來監控每台服務器上運行的所有服務。 我們還使用 Uptime Robot 讓您更加安心 - 這兩者一起確保我們始終及時收到任何問題的警報。

Mabl、Sentry 和 Fluxguard 處理應用程序監控，提醒我們任何應用程序級別的問題。 他們還可以檢測內容級別的更改——這是更新後底層代碼級別問題的良好指標。 Mabl 還做了很多其他很酷的事情，包括自動化測試。 這是我們最喜歡的服務之一，絕對值得一試。

隨著流量和負載的增加超出單個服務器的容量，多服務器架構開始發揮作用。 在這一點上，我們強烈建議您聘請開發運營顧問或團隊的專門內部成員。

讓性能成為您設計和開發過程的一部分

從規劃到設計和開發，性能是我們整個過程的考慮因素。 我們的設計團隊和開發人員就處理項目（甚至特定元素）的最佳方式進行持續對話，以創造最佳的在線體驗。

在規劃階段，我們對網站需要哪些功能有一個明確的想法。 使用 WooCommerce 就是一個很好的例子，因為當我們提供電子商務元素時，託管要求是不同的。 客戶從一開始就意識到了這一點，並提供了一組不同的託管選項。

同樣的想法被延續到設計階段，我們將在其中創建線框、概念甚至動畫，以表示網站上的頁面和元素。 大多數前端效果都是在這裡構思的，我們的團隊共同努力設計出能夠提供令人驚嘆的體驗的東西，其中性能是不可或缺的一部分。

我們認為將所有設備視為此過程的一部分非常重要，同時考慮到移動和桌面體驗可能存在的差異。

我們在整個開發過程中採用迭代方法進行測試，不斷調整元素。 我們遵循優雅降級的過程，從我們的理想概念開始，並為各個設備和瀏覽器適當地刪除層。 此外，我們將專門留出時間進行性能優化，引入緩存和文件優化，以及代碼級別的更改。 在此步驟中，我們將在多個設備上測試和重新測試元素，直到我們對它的性能感到滿意為止。

在我們工作的所有階段都關注性能，這有助於確保我們提供的網站在發布期間受到好評，並使我們贏得了許多獎項。 其中包括一些特定於開發的獎項，例如 Awwwards 開發者獎、移動卓越獎和本週移動網站（等等）。

提高 WooCommerce 網站的速度和安全性

我們希望，通過分享一些關於網站性能的背景以及圍繞我們的設置和流程的詳細信息，我們可以幫助 WooCommerce 經理提高其網站的速度和安全性。 為了有效地運行電子商務網站，性能應該是重中之重，我們認為隨著移動設備的普及，性能只會變得更加重要。

如果您對我們的設置有任何問題或意見，請給我們留言或聯繫我們。