實操：如何提升獨立站網(wǎng)頁響應(yīng)速度

圖片來源：圖蟲創(chuàng)意

優(yōu)化獨立站網(wǎng)頁響應(yīng)速度的原因無非兩點，一是提高網(wǎng)頁轉(zhuǎn)化率（網(wǎng)頁加載速度每多1秒，轉(zhuǎn)化率就會下降10%），二是最大限度提高網(wǎng)站在谷歌瀏覽器的排名（排名越前曝光越多）。

在提升網(wǎng)頁響應(yīng)速度之前，可以先對網(wǎng)頁進行相應(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ōu)化。一般而言，影響網(wǎng)頁運行速度的主要原因及優(yōu)化方案如下：【點擊對接站點優(yōu)化師】

1. 網(wǎng)頁托管問題

網(wǎng)頁加載時間主要受TTFB影響，也就是消費者訪問網(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)化做的不多，但是可以通過以下細節(jié)檢查TTFB時長：

·DNS服務(wù)器

·Gzip

·動態(tài)緩存

·CDN

·HTTP/2支持

優(yōu)化這些細節(jié)縮短TTFB時長后，即可開始下一步。

4. 網(wǎng)站代碼

雖然賣家不用從首行代碼開始構(gòu)造獨立站，但是在安裝插件和更新應(yīng)用程序后，網(wǎng)站代碼可能會變“臟”，進而導致網(wǎng)站加載速度緩慢?！扒謇泶a”可以較好的解決這一問題：

·盡可能多的刪除404頁面，因為它可能也會影響服務(wù)器效率；

·允許從子域異步加載文件，以提高網(wǎng)頁整體速度；

·合并CSS和Javascript文件，減少服務(wù)器在加載網(wǎng)頁時的負載；

·最小化CSS、Javascript和HTML文件，在保持其最佳功能的同時，將其大小降至最低。

另外，可以通過在HTML代碼中的

元素中添加“defer”屬性來防止解析器阻塞的腳本阻礙加載時間：

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

5. 數(shù)據(jù)庫

做獨立站，不可避免地會用到包含帖子、產(chǎn)品、搜索頁面、客戶信息和評論的數(shù)據(jù)庫。當數(shù)據(jù)庫過載時，也會拉低網(wǎng)頁運行速度。這時候，賣家就需要不斷清理垃圾評論、電子郵件或404頁面。

保持數(shù)據(jù)庫“精簡”的方法如下：

·通過使用搜索產(chǎn)品、添加到購物車和添加到愿望清單等功能，測試性能順暢程度；

·使用標簽管理系統(tǒng)（TMS），如谷歌標簽管理器，將客戶數(shù)據(jù)放置到一個文件中；

·每周安排一次數(shù)據(jù)庫維護，可以通過如WP-Optimize、 Advanced Database Cleaner或是Siteground Optimizer等插件來實現(xiàn)。

6. 媒體文件

產(chǎn)品圖片、嵌入式視頻、各類圖標和用戶界面等文件越大，網(wǎng)站速度就越慢。確保在不影響視覺質(zhì)量的情況下，讓頁面展示盡可能輕巧，是保證網(wǎng)頁加載速度的因素之一。比如：

·壓縮產(chǎn)品和登陸頁面的圖片、字體和圖標等大??；

·避免直接從Youtube上嵌入視頻，而是使用精簡版的視頻嵌入，只加載視頻的縮略圖，當用戶點擊它時才加載其余部分，能減小服務(wù)器運行壓力；

·解除不必要的第三方應(yīng)用程序，且與基本應(yīng)用程序不兼容的插件或程序；

·簡化網(wǎng)站功能，優(yōu)化社交分享按鈕和彈出窗口的存在；

·刪除非必要的重定向或是無效鏈接。

當網(wǎng)站頁面盡可能精簡，且服務(wù)器運行平穩(wěn)的時候，賣家能做的大部分優(yōu)化工作基本上就完成了。

7. 移動端響應(yīng)速度

考慮到部分訂單都是從賣家網(wǎng)站的移動端產(chǎn)生的:

因此，在優(yōu)化網(wǎng)頁端的同時，移動端的“裝修”也得抓緊。首先，賣家需要測試手機上的頁面響應(yīng)速度，并將其與網(wǎng)頁端相應(yīng)速度進行比較，若速度太慢，賣家可以檢查是否是因為邊距圖片不適配移動端等原因?qū)е碌?。通過使用占內(nèi)存更小并刪除不必要的小工具等手段去調(diào)整移動端的頁面響應(yīng)程度，可以很大程度上提高消費者的用戶體驗感。考慮到手機端購物的普及度，專注“移動端優(yōu)先”的用戶體驗，可以為賣家品牌提高轉(zhuǎn)換率和訂單收入。

提升網(wǎng)站速度并非一蹴而就也不能一勞永逸，耳提面命的不斷優(yōu)化，才是提速增訂單的必經(jīng)之路。

（來源：獨立站老司機）

以上內(nèi)容源自外媒，由雨果跨境后臺編輯整理匯總，其目的在于收集傳播行業(yè)新聞資訊，雨果跨境不對其真實性、可靠性承擔任何法律責任，如有侵權(quán)請聯(lián)系刪除。特此聲明！