優(yōu)化獨立站網(wǎng)頁響應(yīng)速度的原因無非兩點,一是提高網(wǎng)頁轉(zhuǎn)化率(網(wǎng)頁加載速度每多1秒,轉(zhuǎn)化率就會下降10%),二是最大限度提高網(wǎng)站在谷歌瀏覽器的排名(排名越前曝光越多)。
在提升網(wǎng)頁響應(yīng)速度之前,可以先對網(wǎng)頁進(jìn)行相應(yīng)測試及診斷。在此過程中,賣家可以使用如下工具做測試:
·Pagespeed insights(https://developers.google.com/speed/pagespeed/insights/)
·GTMetrix(https://gtmetrix.com/)
·Pingdom(https://www.pingdom.com/)
·New Relic(https://newrelic.com/)
·ySlow(http://yslow.org/)
·Webpagetest.org(https://www.webpagetest.org/)
對網(wǎng)頁整體運(yùn)行速度及存在問題做一定了解后,即可進(jìn)行下一步:找出原因及痛點優(yōu)化。一般而言,影響網(wǎng)頁運(yùn)行速度的主要原因及優(yōu)化方案如下:
1. 網(wǎng)頁托管問題
網(wǎng)頁加載時間主要受TTFB影響,也就是消費(fèi)者訪問網(wǎng)站時,服務(wù)器加載對應(yīng)頁面所需的時間。在這種時候,靠譜的托管服務(wù)商就顯得尤為關(guān)鍵。市場主流且好評度比較高的托管服務(wù)商有:
·Siteground(https://ecommerceguide.com/ecommerce-web-hosting/siteground-hosting-review/)
·InMotion Hosting(https://ecommerceguide.com/ecommerce-web-hosting/inmotion-hosting-review/)
·FlyWheel
(https://ecommerceguide.com/ecommerce-web-hosting/flywheel-hosting-review/)
·Bluehost
(https://ecommerceguide.com/ecommerce-web-hosting/bluehost-hosting-review/)
·RockSpace
(https://ecommerceguide.com/ecommerce-web-hosting/rackspace-hosting-review/)
·iPage
(https://ecommerceguide.com/ecommerce-web-hosting/ipage-hosting-review/)
·WPEngine
(https://ecommerceguide.com/ecommerce-web-hosting/wpengine-hosting-review/)
2. 建站服務(wù)商
品牌選擇的建站服務(wù)商質(zhì)量也會影響網(wǎng)站的打開速度,因為大多數(shù)建站服務(wù)商不僅會為賣家提供網(wǎng)站結(jié)果管理服務(wù),還包括后端基建甚至是托管服務(wù)。值得一試的優(yōu)質(zhì)建站服務(wù)商有:
·Shopify(https://ecommerceguide.com/demo/shopify/)
·BigCommerce(https://ecommerceguide.com/demo/bigcommerce/)
·Wix(https://ecommerceguide.com/demo/wix/)
·Squarespace(https://ecommerceguide.com/demo/squarespace/)
·WooCommerce(https://ecommerceguide.com/demo/woocommerce/)
·3DCart(https://ecommerceguide.com/demo/3dcart/)
·Magento(Magento)
3. 服務(wù)器質(zhì)量
前文提及,服務(wù)器質(zhì)量對網(wǎng)頁加載速度有重要影響。雖然賣家能對服務(wù)器優(yōu)化做的不多,但是可以通過以下細(xì)節(jié)檢查TTFB時長:
·DNS服務(wù)器
·Gzip
·動態(tài)緩存
·CDN
·HTTP/2支持
優(yōu)化這些細(xì)節(jié)縮短TTFB時長后,即可開始下一步。
4. 網(wǎng)站代碼
雖然賣家不用從首行代碼開始構(gòu)造獨立站,但是在安裝插件和更新應(yīng)用程序后,網(wǎng)站代碼可能會變“臟”,進(jìn)而導(dǎo)致網(wǎng)站加載速度緩慢。“清理代碼”可以較好的解決這一問題:
·盡可能多的刪除404頁面,因為它可能也會影響服務(wù)器效率;
·允許從子域異步加載文件,以提高網(wǎng)頁整體速度;
·合并CSS和Javascript文件,減少服務(wù)器在加載網(wǎng)頁時的負(fù)載;
·最小化CSS、Javascript和HTML文件,在保持其最佳功能的同時,將其大小降至最低。
另外,可以通過在HTML代碼中的
元素中添加“defer”屬性來防止解析器阻塞的腳本阻礙加載時間:

應(yīng)用上述屬性,也可以讓它在腳本執(zhí)行時加載頁面,以為網(wǎng)頁節(jié)省更多的加載時間,提升網(wǎng)頁加載速度:

5. 數(shù)據(jù)庫
做獨立站,不可避免地會用到包含帖子、產(chǎn)品、搜索頁面、客戶信息和評論的數(shù)據(jù)庫。當(dāng)數(shù)據(jù)庫過載時,也會拉低網(wǎng)頁運(yùn)行速度。這時候,賣家就需要不斷清理垃圾評論、電子郵件或404頁面。
保持?jǐn)?shù)據(jù)庫“精簡”的方法如下:
·通過使用搜索產(chǎn)品、添加到購物車和添加到愿望清單等功能,測試性能順暢程度;
·使用標(biāo)簽管理系統(tǒng)(TMS),如谷歌標(biāo)簽管理器,將客戶數(shù)據(jù)放置到一個文件中;
·每周安排一次數(shù)據(jù)庫維護(hù),可以通過如WP-Optimize、 Advanced Database Cleaner或是Siteground Optimizer等插件來實現(xiàn)。
6. 媒體文件
產(chǎn)品圖片、嵌入式視頻、各類圖標(biāo)和用戶界面等文件越大,網(wǎng)站速度就越慢。確保在不影響視覺質(zhì)量的情況下,讓頁面展示盡可能輕巧,是保證網(wǎng)頁加載速度的因素之一。比如:
·壓縮產(chǎn)品和登陸頁面的圖片、字體和圖標(biāo)等大小;
·避免直接從Youtube上嵌入視頻,而是使用精簡版的視頻嵌入,只加載視頻的縮略圖,當(dāng)用戶點擊它時才加載其余部分,能減小服務(wù)器運(yùn)行壓力;
·解除不必要的第三方應(yīng)用程序,且與基本應(yīng)用程序不兼容的插件或程序;
·簡化網(wǎng)站功能,優(yōu)化社交分享按鈕和彈出窗口的存在;
·刪除非必要的重定向或是無效鏈接。
當(dāng)網(wǎng)站頁面盡可能精簡,且服務(wù)器運(yùn)行平穩(wěn)的時候,賣家能做的大部分優(yōu)化工作基本上就完成了。
7. 移動端響應(yīng)速度
考慮到部分訂單都是從賣家網(wǎng)站的移動端產(chǎn)生的:

