Shopify頁面加載速度慢？怎么辦

shopify網(wǎng)頁打開速度慢是影響店鋪轉(zhuǎn)化率的一個重要方面。我們需要借助一些專業(yè)的網(wǎng)站測速工具來檢測網(wǎng)站打開速度，繼而有針對性地采取優(yōu)化提速措施。

影響網(wǎng)站打開速度的因素除了網(wǎng)站本身之后，還和服務(wù)器有很大關(guān)系。那么我們首先以shopify服務(wù)器為例，給大家介紹下服務(wù)器的那些事！

一、Shopify 的服務(wù)器在哪里？

Shopify硬件服務(wù)器主要在美國華盛頓和芝加哥。同時shopify云服務(wù)器部署在亞馬遜云和谷歌云上，但是這些服務(wù)器的位置，并不會很大程度影響 網(wǎng)站的訪問速度，因為shopify整個框架是建立在CDN上的。CDN中文名稱：內(nèi)容分發(fā)網(wǎng)絡(luò)。有了CDN之后，shopify會把它所有的網(wǎng)站資源推送到各地有CDN服務(wù)器的部署點上。全世界所有有CND服務(wù)器的地方，都會有shopify的相關(guān)東西。

也就是一個來自美國加州的客戶訪問你的店鋪時，他其實是從加州的CDN的服務(wù)器上去下載所需要的內(nèi)容。同樣的道理，如果是美國德州的一個客戶在訪問你的店鋪的時候，其實是從德州的cdn服務(wù)器上讀取相關(guān)的內(nèi)容。

上面就是CDN內(nèi)容分發(fā)服務(wù)器的作用。它保證了所有全球各地的客戶都能從就近的服務(wù)器上打開你的shopify店鋪，也就是說，正常情況下，你的shopify店鋪在全世界的訪問速度都是有保證的，只要那個地方部署了CDN服務(wù)器。

二、網(wǎng)站測速工具有哪些？怎么用

一般來說，如果網(wǎng)站測速工具測試出的評分在50以下，那么我們就要著手進行優(yōu)化網(wǎng)站訪問速度的動作了。我為大家介紹五個常用的測速工具。這些工具的操作流程大體類似，我將以Google pagespeed insights為例。

1.Google pagespeed insights

Page Speed Insights是根據(jù)”載入不須卷動位置時間”及”載入完整網(wǎng)頁時間”來評測網(wǎng)頁打開速度，針對PC端和移動端分別給出建議。相信有接觸前端開發(fā)的大神們都聽說過Google官方的PageSpeed Tools，這個網(wǎng)頁載入速度檢測工具有在線版本也有一個 Chrome 擴展，叫PageSpeed Insights！

Google官方的PageSpeed Tools的兩個版本

在線版：

https://developers.google.com/speed/pagespeed/

Chrome擴展PageSpeed Insights：

https://chrome.google.com/webstore/detail/pagespeed-insights-by-goo/gplegfbjlmmehdoakndmohflojccocli

Firefox插件PageSpeed Insights：

https://dl-ssl.google.com/page-speed/current/page-speed.xpi

下面主要介紹的是Chrome 擴展。

第一步：進入PageSpeed Insighs.com網(wǎng)站首頁，輸入網(wǎng)站網(wǎng)址，點擊“分析”

第二步：查看檢測結(jié)果和優(yōu)化建議

Pagespeed insights從“速度”和“最佳化”兩個維度給出評分。主要指標(biāo)為：First Contentful Paint(FCP)與DOM Content Loaded(DCL)的時間。FCP指的是用戶進入網(wǎng)站時看到畫面呈現(xiàn)的第一時間，即使網(wǎng)站并未完全讀取完畢，能夠看到網(wǎng)站的文字或圖片讀取有所進展，能夠讓客戶滿足改善用戶的瀏覽體驗，而DCL的意思是DOM(文件物件模型)內(nèi)容讀取的時間，DCL的時間會排除圖片與CSS網(wǎng)站版型的讀取部份。

會自動給出優(yōu)化方案

大家可以根據(jù)它的方案，具體優(yōu)化加載速度！

2.Tools.pingdom.com

Pingdom是一個免費的網(wǎng)站測速工具，從多方面測試網(wǎng)站，可以測試網(wǎng)站加載速度，也可以對頁面和大小進行分析。我們可以查看詳細的測試報告，幫助用戶找出影響網(wǎng)站速度的因素如圖片、CSS等，并給出詳細的優(yōu)化網(wǎng)頁性能的方案。

3.Webpagetes

Webpagetest原來由AOL開發(fā)的供內(nèi)部使用的工具，后來開源，總體上說是一款網(wǎng)頁前端性能測試工具。Webpagetes的特色在于可以分國家測試網(wǎng)站加載速度，還可以從瀏覽器和手機系統(tǒng)（IOS/Android）系統(tǒng)的維度測試網(wǎng)站加載所花費的時間。

4.GTmetrix

GTmetrix也是一款常用的網(wǎng)站測速分析工具，操作頁面簡潔，功能強大，因此受到了很多大型網(wǎng)站的歡迎，比如PayPal、耐克和惠普等。

GTmetrix操作簡單，輸入網(wǎng)址或URL點擊“Analyze”。我們以chinabrands.com 為例，測試了該網(wǎng)站的速度。測試結(jié)果以6個維度的形式呈現(xiàn)，分別是網(wǎng)頁速度、YSlow、瀑布圖、網(wǎng)頁加載速度、頁面加載視頻、和報告歷史。

非會員可以直接使用GTmetrix測試，默認是從加拿大節(jié)點進行網(wǎng)站測速。注冊免費賬號之后，可以使用的功能更多，可以選擇7個不同節(jié)點測速，也可以選擇瀏覽器（Chrome或Firefox）查看測試結(jié)果。

5.Dotcom-tools

Dotcom-tools的強大和特別之處即，我們可以在這個網(wǎng)站查看全球各個地區(qū)打開我們網(wǎng)站的時間，可以查看你網(wǎng)站在全球的速度怎么樣。當(dāng)然和上述測速網(wǎng)站一樣，操作簡單，不用注冊會員就可以使用。

三、提升shopify網(wǎng)站訪問速度的技巧

1. 優(yōu)化圖片

一般情況下，一個網(wǎng)站需要提速我們考慮的第一條就是優(yōu)化圖片。Shopify后臺有一個壓縮圖片的免費app，叫image compressio, 我們可以將它裝在shopify后臺, 然后定期地對自己店鋪的新圖片自動壓縮， 壓縮完之后，你的店鋪訪問速度應(yīng)該會提高很多。

2. 優(yōu)化JS代碼

當(dāng)然 這個可能需要懂一點點計算機基礎(chǔ)知識才好操作。把一些JS代碼，請求合并成一個文件或合并在在一起，可以減少像JS服務(wù)器發(fā)送請求數(shù)

請求數(shù)越少，顯然你的加載速度更快一些。

3. 卸載過慢的shopify app

需要特別強調(diào)的是有一部分免費的app，但是他們的速度非常慢，因此 我們建議所有賣家安裝免費app時最好進行一下測速，安裝之前測一下，安裝之后測一下，再對比一下速度，看一下這個app有沒有對你的店鋪訪問速度有特別明顯的影響。

4. 延緩圖片的加載

我們可以這樣設(shè)置：在客戶翻到了你的圖片時，才去加載圖片。這也可以提高你的網(wǎng)站的加載速度

寫在最后：

當(dāng)然，優(yōu)化網(wǎng)站訪問速度的方式和技巧還有很多，我們上面列出的是比較常見也比較容易完成的方法。除了網(wǎng)站速度之外，listing能否批量上線是影響賣家工作效率的一個重要問題，也會直接影響店鋪產(chǎn)品的豐富度?，F(xiàn)在市場上的ERP工具幾乎都只支持和大型電商平臺如亞馬遜、eBay等對接，對接獨立站的工具比較難找。

（來源：K哥聊出海）