如何提升WooCommerce性能:11個(gè)優(yōu)化技巧,提高網(wǎng)站速度與用戶(hù)體驗(yàn)

很多用WordPress網(wǎng)站做線上零售的讀者們,在社區(qū)留言想知道怎么才能提升WooCommerce 性能。所以,本期教程總結(jié)了一些我們團(tuán)隊(duì)優(yōu)化WooCommerce 性能的經(jīng)驗(yàn)。

圖片[1]-如何提升WooCommerce性能:11個(gè)優(yōu)化技巧,提高網(wǎng)站速度與用戶(hù)體驗(yàn)-光子波動(dòng)網(wǎng) | 專(zhuān)業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

為什么 WooCommerce 速度很重要?

WooCommerce 速度很重要,因?yàn)樗兄诟纳圃诰€商店的用戶(hù)體驗(yàn)。頁(yè)面速度下降會(huì)導(dǎo)致轉(zhuǎn)化率損失,客戶(hù)滿(mǎn)意度下降。

很多用戶(hù)發(fā)現(xiàn)網(wǎng)站速度較慢,大部分的用戶(hù)會(huì)轉(zhuǎn)向競(jìng)爭(zhēng)對(duì)手的網(wǎng)站,導(dǎo)致用戶(hù)流失。基本上,WooCommerce 商店速度慢會(huì)導(dǎo)致轉(zhuǎn)化率降低和銷(xiāo)售額下降。

它還會(huì)影響網(wǎng)站 WooCommerce SEO 排名。頁(yè)面速度是 Google 等搜索引擎用來(lái)對(duì)網(wǎng)站進(jìn)行排名的關(guān)鍵因素之一。

優(yōu)化 WooCommerce 以進(jìn)一步提高速度和性能可以幫助彌補(bǔ)這些損失并提高網(wǎng)站整體轉(zhuǎn)化率、銷(xiāo)售額和客戶(hù)滿(mǎn)意度分?jǐn)?shù)。

可以用 IsItWP 的免費(fèi)速度測(cè)試工具、GTMetrix 或 Pingdom(顯示頁(yè)面加載時(shí)間)測(cè)試WooCommerce 速度和性能。

1.升級(jí)服務(wù)器

雖然提升性能不是一味的氪金。但是,選擇正確合適的服務(wù)器是提高 WooCommerce 速度的第一步。

服務(wù)器是存儲(chǔ)所有 WooCommerce 文件的地方。如果沒(méi)有好的服務(wù)器配置,會(huì)降低客戶(hù)的 WooCommerce 性能。

如果沒(méi)有好的WooCommerce 運(yùn)行環(huán)境,所有其他提高網(wǎng)站速度優(yōu)化和性能的技巧都將不起作用。如果剛剛開(kāi)始,像國(guó)內(nèi)的阿里云、騰訊云等也很優(yōu)秀。當(dāng)然,我們自己也在荷蘭有自己的機(jī)房;也提供服務(wù)器托管服務(wù)。

2. 給 WooCommerce 商店設(shè)置緩存

WooCommerce 在 WordPress 上運(yùn)行。當(dāng)用戶(hù)訪問(wèn)網(wǎng)站時(shí),它會(huì)自動(dòng)生成頁(yè)面。意味著訪問(wèn) WooCommerce 網(wǎng)站的人越多,服務(wù)器就越繁忙,需要的資源會(huì)更多。

緩存可以幫助解決這個(gè)問(wèn)題。它不會(huì)動(dòng)態(tài)生成頁(yè)面,而是向用戶(hù)提供已存儲(chǔ)的靜態(tài)網(wǎng)頁(yè)。

圖片[2]-如何提升WooCommerce性能:11個(gè)優(yōu)化技巧,提高網(wǎng)站速度與用戶(hù)體驗(yàn)-光子波動(dòng)網(wǎng) | 專(zhuān)業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

這會(huì)釋放網(wǎng)站服務(wù)器資源,使其速度更快、響應(yīng)更快。

向 WooCommerce 商店添加緩存最好的方法是使用WP Super Cache。它是市場(chǎng)上比較好的 WooCommerce 緩存插件,功能強(qiáng)大,對(duì)新手完全友好。包括我們自己也用這個(gè)插件。

3.保持 WooCommerce 更新

WooCommerce 經(jīng)常發(fā)布新版本。這些新版本不僅修復(fù)錯(cuò)誤并引入新功能,而且還提高了網(wǎng)站性能。

確保 WooCommerce 版本始終是最新的。

圖片[3]-如何提升WooCommerce性能:11個(gè)優(yōu)化技巧,提高網(wǎng)站速度與用戶(hù)體驗(yàn)-光子波動(dòng)網(wǎng) | 專(zhuān)業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

但是,WooCommerce 依賴(lài)于 WordPress 以及主題和插件的整個(gè)生態(tài)系統(tǒng)。僅更新 WooCommerce 并不意味著正在為在線商店使用最新的軟件。

還需要確保使用的是最新版本的 WordPress并且已安裝所有插件和主題更新。

4. 在 WooCommerce 中優(yōu)化產(chǎn)品圖片

對(duì)于電商網(wǎng)站,需要產(chǎn)品圖片來(lái)發(fā)展業(yè)務(wù)。但是,圖片需要更長(zhǎng)的加載時(shí)間,并且會(huì)影響 WooCommerce 商店的速度。

通過(guò)優(yōu)化產(chǎn)品圖片,可以顯著減小文件大小而不會(huì)降低質(zhì)量。這樣可以加快所有商店頁(yè)面、產(chǎn)品類(lèi)別和產(chǎn)品頁(yè)面的加載速度。

現(xiàn)在,有幾種方法可以?xún)?yōu)化圖像。最可靠的圖像優(yōu)化技巧是在將其上傳到 WooCommerce 產(chǎn)品之前調(diào)整其大小并進(jìn)行壓縮。

WordPress加速網(wǎng)站 圖片轉(zhuǎn)webp格式。

5. 選擇加載速度更快的 WooCommerce 主題

在為 WooCommerce 商店選擇主題時(shí),許多新手最終會(huì)選擇帶有大量花哨功能的最花哨的主題。

我們理解這背后的原因。新手認(rèn)為他們應(yīng)該選擇一個(gè)具有他們希望在電子商務(wù)商店中看到的所有功能的主題。

主題不應(yīng)該這樣運(yùn)作。

圖片[4]-如何提升WooCommerce性能:11個(gè)優(yōu)化技巧,提高網(wǎng)站速度與用戶(hù)體驗(yàn)-光子波動(dòng)網(wǎng) | 專(zhuān)業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

WordPress 主題僅用于控制網(wǎng)站和 WooCommerce 商店的外觀,而不是添加功能。選擇主題時(shí),應(yīng)該尋找布局選擇、配色方案、WooCommerce 支持等選項(xiàng)。對(duì)于功能,應(yīng)該使用插件和擴(kuò)展。

選擇帶有大量插件功能的主題可能會(huì)降低網(wǎng)站速度。該主題會(huì)加載大量可能甚至不會(huì)使用的額外代碼,從而增加頁(yè)面加載時(shí)間。

6. 替換編碼不良的插件和擴(kuò)展

使用 WooCommerce 的最好的部分是可以訪問(wèn)數(shù)千個(gè)擴(kuò)展和 WordPress 插件。

只要它們編碼良好,可以根據(jù)需要安裝任意數(shù)量的插件,并且不會(huì)造成任何明顯的性能影響。

然而,一些編碼不良的 WordPress 插件可能會(huì)降低網(wǎng)站速度。這些插件通常會(huì)運(yùn)行數(shù)據(jù)庫(kù)密集型查詢(xún)或加載不必要的 JavaScript 和 CSS。

可以使用Query Monitor之類(lèi)的插件來(lái)查看每次頁(yè)面加載時(shí)運(yùn)行的查詢(xún)數(shù)量。

圖片[5]-如何提升WooCommerce性能:11個(gè)優(yōu)化技巧,提高網(wǎng)站速度與用戶(hù)體驗(yàn)-光子波動(dòng)網(wǎng) | 專(zhuān)業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

查詢(xún)監(jiān)視器可以查看以下活動(dòng):

  • WooCommerce 商店中的頁(yè)面觸發(fā)的數(shù)據(jù)庫(kù)查詢(xún)
  • 主題或插件中的腳本發(fā)出的 HTTP 請(qǐng)求
  • 頁(yè)面上觸發(fā)的鉤子和操作
  • 用于顯示頁(yè)面的語(yǔ)言、用戶(hù)角色檢查和模板文件
  • 托管環(huán)境,如 PHP 和 MySQL 版本、內(nèi)存限制等。

如果這沒(méi)有幫助,那么可以在停用所有插件后測(cè)試網(wǎng)站。

圖片[6]-如何提升WooCommerce性能:11個(gè)優(yōu)化技巧,提高網(wǎng)站速度與用戶(hù)體驗(yàn)-光子波動(dòng)網(wǎng) | 專(zhuān)業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

如果停用插件突然提高了 WooCommerce 的性能,那么可以逐個(gè)激活它們以找出哪一個(gè)是問(wèn)題插件。

然后,可以聯(lián)系該插件的支持人員并告知他們問(wèn)題。同時(shí),可以用其他選項(xiàng)替換該插件。

7.使用最新的PHP版本

WooCommerce 和 WordPress 都是使用 PHP 作為主要編程語(yǔ)言編寫(xiě)的。

PHP 和 WordPress 一樣,是一種開(kāi)源編程語(yǔ)言。它由一個(gè)非?;钴S的開(kāi)發(fā)者社區(qū)定期維護(hù),并經(jīng)常發(fā)布新版本。

對(duì)于每個(gè)新版本,他們都會(huì)花費(fèi)大量的時(shí)間和資源來(lái)提高 PHP 的性能。

可以訪問(wèn)“工具”?“網(wǎng)站健康” 頁(yè)面并切換到“信息”選項(xiàng)卡,查看網(wǎng)站使用的 PHP 版本 。

圖片[7]-如何提升WooCommerce性能:11個(gè)優(yōu)化技巧,提高網(wǎng)站速度與用戶(hù)體驗(yàn)-光子波動(dòng)網(wǎng) | 專(zhuān)業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

8. 打開(kāi) DNS 級(jí)防火墻

DNS 級(jí)防火墻可保護(hù) WooCommerce 商店免受惡意活動(dòng)入侵。它甚至在可疑請(qǐng)求到達(dá)服務(wù)器之前就阻止了它們。

黑客攻擊、可疑爬蟲(chóng)和 DDoS 攻擊可能會(huì)耗盡服務(wù)器資源并使網(wǎng)站變慢。

DNS 防火墻阻止他們加載網(wǎng)頁(yè),從而釋放服務(wù)器資源來(lái)執(zhí)行其他操作。

圖片[8]-如何提升WooCommerce性能:11個(gè)優(yōu)化技巧,提高網(wǎng)站速度與用戶(hù)體驗(yàn)-光子波動(dòng)網(wǎng) | 專(zhuān)業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

CDN 是一種內(nèi)容交付網(wǎng)絡(luò),允許通過(guò)全球服務(wù)器網(wǎng)絡(luò)為網(wǎng)站的非動(dòng)態(tài)部分提供服務(wù)。

推薦: Cloudflare 免費(fèi) CDN

9. 使用 SMTP 服務(wù)發(fā)送 WooCommerce 電子郵件

WooCommerce 商店會(huì)發(fā)送電子郵件通知以進(jìn)行帳戶(hù)管理、訂單確認(rèn)和管理通知。

默認(rèn)情況下,WordPress 使用 PHPmail()函數(shù)發(fā)送電子郵件。該函數(shù)可能被垃圾郵件發(fā)送者濫用,因此許多公司會(huì)故意限制或阻止該函數(shù)。

這就是為什么需要使用 SMTP 服務(wù)器來(lái)發(fā)送 WooCommerce 電子郵件的原因。

SMTP 是發(fā)送電子郵件的標(biāo)準(zhǔn)協(xié)議。

現(xiàn)在,服務(wù)器公司可能會(huì)提供一個(gè)免費(fèi)的企業(yè)電子郵件地址,可以使用該地址通過(guò) SMTP 發(fā)送電子郵件。

然而,服務(wù)器公司通常將郵件服務(wù)器與其網(wǎng)絡(luò)服務(wù)器托管在同一臺(tái)計(jì)算機(jī)上。

這意味著一次發(fā)送多封電子郵件可能會(huì)影響網(wǎng)站。即使電子郵件被處理,也可能最終被歸為垃圾郵件。

要解決此問(wèn)題,需要使用 SMTP 服務(wù)提供商。

我們建議使用SendLayer,它是市場(chǎng)上比較好的 SMTP 服務(wù)提供商。它易于設(shè)置,并且還提供免費(fèi)試用,可發(fā)送最多 200 封電子郵件。

圖片[9]-如何提升WooCommerce性能:11個(gè)優(yōu)化技巧,提高網(wǎng)站速度與用戶(hù)體驗(yàn)-光子波動(dòng)網(wǎng) | 專(zhuān)業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

10. 優(yōu)化 WooCommerce 數(shù)據(jù)庫(kù)

WooCommerce 使用與 WordPress 安裝相同的數(shù)據(jù)庫(kù)。它們都保存了大量數(shù)據(jù),但這些數(shù)據(jù)在一段時(shí)間后就變得無(wú)用了。

例如,舊版本、臨時(shí)版本、垃圾評(píng)論等會(huì)長(zhǎng)期保留在數(shù)據(jù)庫(kù)中。WordPress 甚至可能在網(wǎng)站加載時(shí)查詢(xún)它們,這是一種不必要的資源浪費(fèi)。

現(xiàn)在,這意味著 WordPress 備份插件將需要更長(zhǎng)的時(shí)間來(lái)準(zhǔn)備備份。下載或上傳備份也需要更多時(shí)間。

有一些工具可以?xún)?yōu)化 WordPress 數(shù)據(jù)庫(kù)。例如:WP Rocket

轉(zhuǎn)到設(shè)置?WP Rocket頁(yè)面并切換到數(shù)據(jù)庫(kù)選項(xiàng)卡。

圖片[10]-如何提升WooCommerce性能:11個(gè)優(yōu)化技巧,提高網(wǎng)站速度與用戶(hù)體驗(yàn)-光子波動(dòng)網(wǎng) | 專(zhuān)業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

從這里,可以清理 WordPress 數(shù)據(jù)庫(kù)。只需選擇要?jiǎng)h除的不必要的項(xiàng)目,然后單擊“保存更改并優(yōu)化”按鈕。

或者,可以使用WP-Optimize插件。只需安裝并激活該插件,然后單擊管理側(cè)欄中的WP-Optimize轉(zhuǎn)到插件的設(shè)置頁(yè)面。

圖片[11]-如何提升WooCommerce性能:11個(gè)優(yōu)化技巧,提高網(wǎng)站速度與用戶(hù)體驗(yàn)-光子波動(dòng)網(wǎng) | 專(zhuān)業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

選擇要?jiǎng)h除或優(yōu)化的項(xiàng)目,然后單擊“運(yùn)行所有選定的優(yōu)化”按鈕。

11.優(yōu)化JavaScript和CSS文件

JavaScript 和 CSS 文件會(huì)發(fā)送單獨(dú)的 HTTP 請(qǐng)求,從而增加頁(yè)面加載所需的時(shí)間。其中一些文件可能會(huì)阻止渲染,在瀏覽器下載這些文件之前,頁(yè)面的其他純 HTML 部分將不會(huì)顯示。

有多種方法可以?xún)?yōu)化 JavaScript 和 CSS 文件傳輸。我們已經(jīng)討論過(guò)使用 CDN 和緩存。

更高級(jí)的用戶(hù)可以縮小或合并這些文件。

壓縮會(huì)刪除 JavaScript 和 CSS 文件里的空格,從而減少它們的下載大小。

合并所有 JavaScript 和 CSS 文件可在一個(gè)文件中為用戶(hù)提供所有 JavaScript 和 CSS。

可以使用WP Rocket插件來(lái)實(shí)現(xiàn)這一點(diǎn)。只需轉(zhuǎn)到“文件優(yōu)化”選項(xiàng)卡,然后打開(kāi) CSS 和 JavaScript 的最小化和合并選項(xiàng)。

圖片[12]-如何提升WooCommerce性能:11個(gè)優(yōu)化技巧,提高網(wǎng)站速度與用戶(hù)體驗(yàn)-光子波動(dòng)網(wǎng) | 專(zhuān)業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

注意:壓縮并合并這些文件可能會(huì)導(dǎo)致網(wǎng)站出現(xiàn)意外。如果出現(xiàn)問(wèn)題,可以直接關(guān)閉它。


聯(lián)系我們
教程看不懂?聯(lián)系我們?yōu)槟赓M(fèi)解答!免費(fèi)助力個(gè)人,小企站點(diǎn)!
客服微信
客服微信
電話(huà):020-2206-9892
QQ咨詢(xún):1025174874
郵件:info@361sale.com
工作時(shí)間:周一至周五,9:30-18:30,節(jié)假日休息
? 轉(zhuǎn)載聲明
本文作者:Harry
THE END
喜歡就支持一下吧
點(diǎn)贊0 分享
評(píng)論 搶沙發(fā)

請(qǐng)登錄后發(fā)表評(píng)論

    暫無(wú)評(píng)論內(nèi)容