Shopify頁(yè)面加載速度慢？怎么辦-ESG跨境

shopify網(wǎng)頁(yè)打開(kāi)速度慢是影響店鋪轉(zhuǎn)化率的一個(gè)主要方面。我們須要借助一些專(zhuān)業(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)站的拜訪(fǎng)速度，因?yàn)閟hopify全部框架是樹(shù)立在CDN上的。CDN中文名稱(chēng)：內(nèi)容分發(fā)網(wǎng)絡(luò)。有了CDN之后，shopify會(huì)把它所有的網(wǎng)站資源推送到各地有CDN服務(wù)器的安排點(diǎn)上。全世界所有有CND服務(wù)器的處所，都會(huì)有shopify的相干東西。

也就是一個(gè)來(lái)自美國(guó)加州的客戶(hù)拜訪(fǎng)你的店鋪時(shí)，他其實(shí)是從加州的CDN的服務(wù)器上去下載所須要的內(nèi)容。同樣的道理，如果是美國(guó)德州的一個(gè)客戶(hù)在拜訪(fǎng)你的店鋪的時(shí)候，其實(shí)是從德州的cdn服務(wù)器上讀取相干的內(nèi)容。

上面就是CDN內(nèi)容分發(fā)服務(wù)器的作用。它保證了所有全球各地的客戶(hù)都能從就近的服務(wù)器上打開(kāi)你的shopify店鋪，也就是說(shuō)，正常情形下，你的shopify店鋪在全世界的拜訪(fǎng)速度都是有保證的，只要那個(gè)處所安排了CDN服務(wù)器。

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

一般來(lái)說(shuō)，如果網(wǎng)站測(cè)速工具測(cè)試出的評(píng)分在50以下，那么我們就要著手進(jìn)行優(yōu)化網(wǎng)站拜訪(fǎng)速度的動(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)端分離給出建議。信任有接觸前端開(kāi)發(fā)的大神們都聽(tīng)說(shuō)過(guò)Google官方的PageSpeed Tools，這個(gè)網(wǎng)頁(yè)載入速度檢測(cè)工具有在線(xiàn)版本也有一個(gè) Chrome 擴(kuò)大，叫PageSpeed Insights!

Google官方的PageSpeed Tools的兩個(gè)版本

在線(xiàn)版：

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

Chrome擴(kuò)大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 擴(kuò)大。

第一步：進(jìn)入PageSpeed Insighs.com網(wǎng)站首頁(yè)，輸入網(wǎng)站網(wǎng)址，點(diǎn)擊“剖析”

第二步：查看檢測(cè)成果和優(yōu)化建議

Pagespeed insights從“速度”和“更佳化”兩個(gè)維度給出評(píng)分。重要指標(biāo)為：First Contentful Paint(FCP)與DOM Content Loaded(DCL)的時(shí)光。FCP指的是用戶(hù)進(jìn)入網(wǎng)站時(shí)看到畫(huà)面出現(xiàn)的第一時(shí)光，即使網(wǎng)站并未完整讀取完畢，能夠看到網(wǎng)站的文字或圖片讀取有所進(jìn)展，能夠讓客戶(hù)滿(mǎn)足改良用戶(hù)的閱讀體驗(yàn)，而DCL的意思是DOM(文件物件模型)內(nèi)容讀取的時(shí)光，DCL的時(shí)光會(huì)消除圖片與CSS網(wǎng)站版型的讀取部份。

會(huì)主動(dòng)給出優(yōu)化計(jì)劃

大家可以依據(jù)它的計(jì)劃，具體優(yōu)化加載速度!

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)告，贊助用戶(hù)找出影響網(wǎng)站速度的因素如圖片、CSS等，并給出詳細(xì)的優(yōu)化網(wǎng)頁(yè)性能的計(jì)劃。

3.Webpagetes

Webpagetest本來(lái)由AOL開(kāi)發(fā)的供內(nèi)部應(yīng)用的工具，后來(lái)開(kāi)源，總體上說(shuō)是一款網(wǎng)頁(yè)前端性能測(cè)試工具。Webpagetes的特點(diǎn)在于可以分國(guó)度測(cè)試網(wǎng)站加載速度，還可以從閱讀器和手機(jī)體系(IOS/Android)體系的維度測(cè)試網(wǎng)站加載所消費(fèi)的時(shí)光。

4.GTmetrix

GTmetrix也是一款常用的網(wǎng)站測(cè)速剖析工具，操作頁(yè)面簡(jiǎn)練，功效壯大，因此受到了很多大型網(wǎng)站的歡迎，比如、耐克和惠普等。

GTmetrix操作簡(jiǎn)略，輸入網(wǎng)址或URL點(diǎn)擊“Analyze”。我們以chinabrands.com 為例，測(cè)試了該網(wǎng)站的速度。測(cè)試成果以6個(gè)維度的情勢(shì)出現(xiàn)，分離是網(wǎng)頁(yè)速度、YSlow、瀑布圖、網(wǎng)頁(yè)加載速度、頁(yè)面加載視頻、和報(bào)告歷史。

非會(huì)員可以直接應(yīng)用GTmetrix測(cè)試，默認(rèn)是從加拿大節(jié)點(diǎn)進(jìn)行網(wǎng)站測(cè)速。注冊(cè)免費(fèi)賬號(hào)之后，可以應(yīng)用的功效更多，可以選擇7個(gè)不同節(jié)點(diǎn)測(cè)速，也可以選擇閱讀器(Chrome或Firefox)查看測(cè)試成果。

5.Dotcom-tools

Dotcom-tools的壯大和特殊之處即，我們可以在這個(gè)網(wǎng)站查看全球各個(gè)地域打開(kāi)我們網(wǎng)站的時(shí)光，可以查看你網(wǎng)站在全球的速度怎么樣。當(dāng)然和上述測(cè)速網(wǎng)站一樣，操作簡(jiǎn)略，不用注冊(cè)會(huì)員就可以應(yīng)用。

三、晉升shopify網(wǎng)站拜訪(fǎng)速度的技能

1. 優(yōu)化圖片

一般情形下，一個(gè)網(wǎng)站須要提速我們斟酌的第一條就是優(yōu)化圖片。Shopify后臺(tái)有一個(gè)緊縮圖片的免費(fèi)app，叫image compressio, 我們可以將它裝在shopify后臺(tái), 然后定期地對(duì)自己店鋪的新圖片主動(dòng)緊縮， 緊縮完之后，你的店鋪拜訪(fǎng)速度應(yīng)當(dāng)會(huì)進(jìn)步很多。

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

當(dāng)然 這個(gè)可能須要懂一點(diǎn)點(diǎn)盤(pán)算機(jī)基本知識(shí)才好操作。把一些JS代碼，要求合并成一個(gè)文件或合并在在一起，可以減少像JS服務(wù)器發(fā)送要求數(shù)

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

3. 卸載過(guò)慢的shopify app

須要特殊強(qiáng)調(diào)的是有一部分免費(fèi)的app，但是他們的速度非常慢，因此 我們建議所有賣(mài)家安裝免費(fèi)app時(shí)更好進(jìn)行一下測(cè)速，安裝之前測(cè)一下，安裝之后測(cè)一下，再比較一下速度，看一下這個(gè)app有沒(méi)有對(duì)你的店鋪拜訪(fǎng)速度有特殊顯著的影響。

4. 延緩圖片的加載

我們可以這樣設(shè)置：在客戶(hù)翻到了你的圖片時(shí)，才去加載圖片。這也可以進(jìn)步你的網(wǎng)站的加載速度

寫(xiě)在最后：

當(dāng)然，優(yōu)化網(wǎng)站拜訪(fǎng)速度的方法和技能還有很多，我們上面列出的是比擬常見(jiàn)也比擬容易完成的辦法。除了網(wǎng)站速度之外，listing能否批量上線(xiàn)是影響賣(mài)家工作效力的一個(gè)主要問(wèn)題，也會(huì)直接影響店鋪產(chǎn)品的豐碩度。現(xiàn)在市場(chǎng)上的ERP工具幾乎都只支撐和大型電商平臺(tái)如亞馬遜、eBay等對(duì)接，對(duì)接獨(dú)立站的工具比擬難找。

特別聲明：以上文章內(nèi)容僅代表作者本人觀(guān)點(diǎn)，不代表ESG跨境電商觀(guān)點(diǎn)或立場(chǎng)。如有關(guān)于作品內(nèi)容、版權(quán)或其它問(wèn)題請(qǐng)于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。