您可以做四件事來優化電子商務商店的速度
已發表: 2022-06-30我們每個人都從直接經驗中知道,如果一個網站需要時間來加載,特別是如果我們正在尋找一些東西,我們更有可能繼續前進而不是等待。
Akamai 關於在線零售績效狀況的報告指出:
- 對於峰值轉化,商店網站的加載時間必須在 2.7 秒以內,接近 1.8 秒。
- 對於電子商務網站的最低跳出率,頁面加載時間應為 700 毫秒至 1.2 秒。
- 電子商務網站上的 2 秒延遲將會話長度(瀏覽量)減少了 51%。
Salesforce Commerce Cloud Shopping 報告指出,加載時間延遲 100 毫秒會降低高達 7% 的轉化率。
您無需費力就能找到能告訴您相同信息的報告:在電子商務方面,每一秒都很重要。
這就是為什麼每當我們與店主交談時,無論他們使用什麼平台,我們都會推薦他們可以做的這四件事來優化他們商店的速度和性能。
1. 拍好照片——但要壓縮它們
在轉換方面,糟糕的圖像會傷害你。 但是一個緩慢的網站會傷害你更多。 因此,雖然為您的產品拍攝漂亮的照片很重要,但您擁有一個可以優化照片以使其在線使用的工作流程也非常重要。
我們與一位店主合作,該店主直接從攝影師在 Dropbox 上與他們共享的文件將照片上傳到他們的網站。 這些巨大的圖像本來是印刷雜誌上整版廣告的完美質量,但對於他們的在線商店來說,這太過分了。
有很多解決方案可以幫助您在將照片上傳到商店之前對其進行優化。 這裡僅僅是少數:
- EWWW Image Optimizer – 適用於您的 WordPress 網站
- TinyPNG – 具有 WordPress 插件的在線優化服務
- imgix – 另一個具有 WordPress 插件的在線解決方案
- ImageOptim – Mac 或在線解決方案
- Kraken.io – 一個在線解決方案,讓你說“釋放……”你明白了
- Compressor.io – 在線解決方案
- Imagify – 另一個具有很多選項和 WordPress 集成的解決方案
- Optimus.io – 專為 WordPress 提供的在線服務
無論您是在將每張圖片上傳到商店時通過集成或 API 調用從商店平台到在線服務進行處理,還是在上傳之前在計算機上處理圖片 - 目標是確保您不會將您網站上的圖片太大,以至於它們會減慢您的網站速度。
當您查看其中一些選項時,您會看到有損和無損壓縮選項。 使用無損壓縮,圖像中的所有數據都不會在壓縮發生時丟失。 使用有損壓縮,原始圖像文件中的一些數據會丟失。 您可能認為這意味著您總是想要無損壓縮,但並非總是如此。 您可以通過有損設置獲得的壓縮效果令人印象深刻。
只有你會知道速度權衡是否值得。
2. 用 Algolia 解決您的搜索問題
在上面提到的 Salesforce 的同一份報告中,他們指出購買意圖從未像 2017 年那樣清晰。換句話說,即使在購買之前,參與網站的人的行為也突出了最終會購買的人之間的差異。買東西和不買的人。
是什麼造成了不同? 嗯,主要因素之一是購物者是否使用了商店的搜索功能。 根據您的電子商務平台,這可能是好消息,也可能是痛苦的消息。
對於提供利用 WordPress 自帶的搜索功能的 WooCommerce 商店所有者來說,這是非常痛苦的。 在 WordPress 中,搜索只是一項平庸的服務。
但這不僅僅是 WooCommerce 問題。 多年來,在 Shopify 討論論壇中,您會發現人們抱怨搜索(無論是在商店還是在他們的 iPad 上)。
好消息是,這些天您可以很容易地優化搜索速度。 以前,最常見的答案是使用 elasticsearch 構建另一組服務器來為您建立索引。 但這種方法可能會更複雜、成本更高,並且需要一定程度的技術專業知識,而您可能不想發展。
今天存在Algolia ,它為商店索引提供外部服務器 - 適用於 Shopify、Magento 或 WooCommerce。 將其連接到您的商店後,它將為任何搜索提供即時結果,並提供自動完成功能,以便用戶即使在輸入搜索字詞時也可以看到部分結果。
更好的是,當使用移動設備時,客戶可能會用手指搜索他們的搜索詞,但 Algolia 足夠聰明,知道如何處理拼寫錯誤。
沒有充分的理由不使用 Algolia。
3.不要讓你的商店做任何報告
我認識的每一位店主都想要出色的報告。 他們也,一旦嚐到好的和有用的數據,總是想要更多。 但是這些報告的成本很高,而且很容易以轉換為代價想要有用的數據而忘乎所以。
因為這就是現實 –您的商店無法在處理數據和統計數據的同時快速向您的購物者提供內容。
如果您想向商店詢問一些愚蠢的事情,例如每天的總訂單量或總收入,這是一回事。 這不是很多工作,而且做起來很快。
但大多數店主想要的遠不止這些。 他們想知道:
- 哪些產品賣得比平時好?
- 哪些回頭客創造的利潤率高於平均水平?
- 哪些渠道會帶來更多的回頭客?
這些問題只能通過對衍生數據進行操作來回答——這意味著您必須首先收集數據,然後對其運行操作(以獲取更多數據),然後使用該數據和新查詢來獲取更多新數據。
當這些操作發生在數據集上時,不僅僅是幾行,處理開始使用服務器的 RAM 和 CPU——這意味著它無法提供頁面和圖像並幫助客戶快速結帳。
這就是為什麼我們建議使用其他平台進行分析和報告的原因。
您可以查看像Custora或Zaius這樣的大型系統,或者簡單地嘗試Heap Analytics 。 當然,我們最喜歡的是Glew 。
4. 盡可能多地利用緩存和 CDN
當訪問者瀏覽您商店網站上的頁面時,他們正在查看的大部分內容與其他人正在查看的內容相同。 您沒有理由不緩存這些頁面,這樣您就可以消除昂貴的服務器訪問。
即使您已經壓縮了圖像,也沒有理由不使用內容交付網絡 (CDN) 來存儲這些圖像並根據您的流量訪問的位置更快地交付它們。
這兩種方法都將顯著優化您的商店速度。
當回訪者來訪並且您想展示一些突出您認識他們的內容時,問題就出現了——從個性化消息到推薦產品。 或者他們在結帳過程中創建帳戶並登錄以保存或使用保存的數據(例如他們的送貨地址)。 在這種情況下,您不希望他們經歷高度緩存的環境。 事實上,每個購物車、結帳和個人帳戶頁面都是獨一無二的。
那麼你怎麼能做到呢?
您可以利用 Cloudflare 之類的服務,該服務允許您為緩存創建例外規則,這樣您就可以確保 /cart、/checkout 和 /my-account 頁面永遠不會被緩存。
您還可以利用(如果您在他們的商業計劃中)稱為“繞過 Cookie 緩存”的功能。 這可以讓您的商店注意到回訪者是否有一個 cookie,該 cookie 可以告訴 Cloudflare 不要向他們提供緩存的內容。
所有這些都將確保您向客戶提供盡可能多的緩存數據,並提高商店的性能。
你知道我們可以為你做這一切嗎?
您可能不知道,但我們新的託管 WooCommerce 託管解決方案已經具備這四項優化。 因此,您無需費力就能從這些提高存儲速度的性能策略中受益。
我們會照顧好一切,讓您享受閃電般的快速性能和更高的轉化率。
查看我們新的託管 WooCommerce 託管產品。