shopify網(wǎng)頁(yè)打開(kāi)速度慢是影響做外貿(mào)網(wǎng)站店鋪轉(zhuǎn)化率的一個(gè)重要方面，除了會(huì)造成用戶的流失，還會(huì)有其他的后果。第一，會(huì)造成用戶焦慮，如果用戶打開(kāi)你的Shopify網(wǎng)站，十秒還沒(méi)有反應(yīng)，那么用戶就會(huì)很煩躁，可能直接就關(guān)掉頁(yè)面，那之前所做的工作就付之東流了；第二，降低Shopify網(wǎng)站搜索排名。不管是Google瀏覽器還是雅虎瀏覽器，如果你的Shopify網(wǎng)站打開(kāi)速度太慢，跳出率較高的話，你的排名將會(huì)靠下；第三，降低 Alexa排名，Alexa排名是Shopify網(wǎng)站的整體排名，你的訪客質(zhì)量、網(wǎng)站頁(yè)面打開(kāi)速度、SEO整合排名都會(huì)被影響。我們需要借助一些專業(yè)的網(wǎng)站測(cè)速工具來(lái)檢測(cè)網(wǎng)站打開(kāi)速度，繼而有針對(duì)性地采取優(yōu)化提速措施。
影響網(wǎng)站打開(kāi)速度的因素除了網(wǎng)站本身之后，還和服務(wù)器有很大關(guān)系。那么我們首先以shopify服務(wù)器為例，給大家介紹下服務(wù)器的那些事。
一、Shopify 的服務(wù)器在哪里？
Shopify硬件服務(wù)器主要在美國(guó)華盛頓和芝加哥。同時(shí)shopify云服務(wù)器部署在亞馬遜云和谷歌云上，但是這些服務(wù)器的位置，并不會(huì)很大程度影響網(wǎng)站的訪問(wèn)速度，因?yàn)閟hopify整個(gè)框架是建立在CDN上的。CDN中文名稱：內(nèi)容分發(fā)網(wǎng)絡(luò)。有了CDN之后，shopify會(huì)把它所有的網(wǎng)站資源推送到各地有CDN服務(wù)器的部署點(diǎn)上。全世界所有有CND服務(wù)器的地方，都會(huì)有shopify的相關(guān)東西。
也就是一個(gè)來(lái)自美國(guó)加州的客戶訪問(wèn)你的店鋪時(shí)，他其實(shí)是從加州的CDN的服務(wù)器上去下載所需要的內(nèi)容。同樣的道理，如果是美國(guó)德州的一個(gè)客戶在訪問(wèn)你的外貿(mào)網(wǎng)站的時(shí)候，其實(shí)是從德州的cdn服務(wù)器上讀取相關(guān)的內(nèi)容。??
上面就是CDN內(nèi)容分發(fā)服務(wù)器的作用。它保證了所有全球各地跨境營(yíng)銷系統(tǒng)客戶都能從就近的服務(wù)器上打開(kāi)你的shopify店鋪，也就是說(shuō)，正常情況下，你的shopify店鋪在全世界的訪問(wèn)速度都是有保證的，只要那個(gè)地方部署了CDN服務(wù)器。
二、網(wǎng)站測(cè)速工具有哪些？怎么用（建議收藏）
一般來(lái)說(shuō)，如果網(wǎng)站測(cè)速工具測(cè)試出的評(píng)分在50以下，那么我們就要著手進(jìn)行優(yōu)化網(wǎng)站訪問(wèn)速度的動(dòng)作了。這里有三個(gè)常用的測(cè)速工具。這些工具的操作流程大體類似，我們將以Google pagespeed insights為例。
1.? ???Google pagespeed insights
Page Speed Insights是根據(jù)”載入不須卷動(dòng)位置時(shí)間”及”載入完整網(wǎng)頁(yè)時(shí)間”來(lái)評(píng)測(cè)網(wǎng)頁(yè)打開(kāi)速度，針對(duì)PC端和移動(dòng)端分別給出建議。
第一步：進(jìn)入PageSpeed Insighs.com網(wǎng)站首頁(yè)，輸入網(wǎng)站網(wǎng)址后點(diǎn)擊“分析”
第二步：查看檢測(cè)結(jié)果和優(yōu)化建議
Pagespeed insights從“速度”和“最佳化”兩個(gè)維度給出評(píng)分。主要指標(biāo)為：First Contentful Paint(FCP)與DOM Content Loaded(DCL)的時(shí)間。 FCP指的是用戶進(jìn)入網(wǎng)站時(shí)看到畫面呈現(xiàn)的第一時(shí)間，即使網(wǎng)站并未完全讀取完畢，能夠看到網(wǎng)站的文字或圖片讀取有所進(jìn)展，能夠讓客戶滿足改善用戶的瀏覽體驗(yàn)，而DCL的意思是DOM(文件物件模型)內(nèi)容讀取的時(shí)間，DCL的時(shí)間會(huì)排除圖片與CSS網(wǎng)站版型的讀取部份。
2.Tools.pingdom.com
Pingdom是一個(gè)免費(fèi)的網(wǎng)站測(cè)速工具，從多方面測(cè)試網(wǎng)站，可以測(cè)試網(wǎng)站加載速度，也可以對(duì)頁(yè)面和大小進(jìn)行分析。我們可以查看詳細(xì)的測(cè)試報(bào)告，幫助用戶找出影響網(wǎng)站速度的因素如圖片、CSS等，并給出詳細(xì)的優(yōu)化網(wǎng)頁(yè)性能的方案。
3.Webpagetes
Webpagetest原來(lái)由AOL開(kāi)發(fā)的供內(nèi)部使用的工具，后來(lái)開(kāi)源（例如：magento的開(kāi)源商城體系），總體上說(shuō)是一款網(wǎng)頁(yè)前端性能測(cè)試工具。Webpagetes的特色在于可以分國(guó)家測(cè)試網(wǎng)站加載速度，還可以從瀏覽器和手機(jī)系統(tǒng)（IOS/Android）系統(tǒng)的維度測(cè)試網(wǎng)站加載所花費(fèi)的時(shí)間。
三、提升shopify網(wǎng)站訪問(wèn)速度的技巧
1. 優(yōu)化圖片
一般情況下，一個(gè)網(wǎng)站需要提速我們考慮的第一條就是優(yōu)化圖片。Shopify后臺(tái)有一個(gè)壓縮圖片的免費(fèi)app，叫image compressio, 我們可以將它裝在shopify后臺(tái), 然后定期地對(duì)自己店鋪的新圖片自動(dòng)壓縮， 壓縮完之后，你的店鋪訪問(wèn)速度應(yīng)該會(huì)提高很多。
2. 優(yōu)化JS代碼
當(dāng)然這個(gè)可能需要懂一點(diǎn)點(diǎn)計(jì)算機(jī)基礎(chǔ)知識(shí)才好操作。把一些JS代碼，請(qǐng)求合并成一個(gè)文件或合并在在一起，可以減少像JS服務(wù)器發(fā)送請(qǐng)求數(shù)。請(qǐng)求數(shù)越少，顯然你的加載速度更快一些。
3. 卸載過(guò)慢的shopify app
需要特別強(qiáng)調(diào)的是有一部分免費(fèi)的app，但是他們的速度非常慢，因此 我們建議所有賣家安裝免費(fèi)app時(shí)最好進(jìn)行一下測(cè)速，安裝之前測(cè)一下，安裝之后測(cè)一下，再對(duì)比一下速度，看一下這個(gè)app有沒(méi)有對(duì)你的店鋪訪問(wèn)速度有特別明顯的影響。
4. 延緩圖片的加載
我們可以這樣設(shè)置：在客戶翻到了你的圖片時(shí)，才去加載圖片。這也可以提高外貿(mào)網(wǎng)站的加載速度，可以參考一下飛書信平臺(tái)的設(shè)置。
當(dāng)然，優(yōu)化網(wǎng)站訪問(wèn)速度的方式和技巧還有很多，我們上面列出的是比較常見(jiàn)也比較容易完成的方法。