你最想了解的Shopify網(wǎng)站速度達(dá)到最優(yōu)化

先看一組購(gòu)物型網(wǎng)站的調(diào)查數(shù)據(jù)

75%以上用戶(hù)不會(huì)在加載速度慢的網(wǎng)站進(jìn)行復(fù)購(gòu)；

 從上面的數(shù)據(jù)可以得出，一個(gè)網(wǎng)站的移動(dòng)端的加載速度快是非常重要的，因?yàn)轫?yè)面速度對(duì)用戶(hù)體驗(yàn)很重要，加載時(shí)間較長(zhǎng)的頁(yè)面意味著更高的跳出率和更低的頁(yè)面停留時(shí)長(zhǎng)，這導(dǎo)致網(wǎng)站的銷(xiāo)售轉(zhuǎn)化很不利。而谷歌官方也強(qiáng)調(diào)道，網(wǎng)站速度是對(duì)頁(yè)面排名的重要因素之一。較慢的頁(yè)面速度意味著谷歌搜索抓取較少的頁(yè)面，這可能會(huì)對(duì)您的索引產(chǎn)生負(fù)面影響。

一、網(wǎng)站速度測(cè)試工具推薦

1.PageSpeed Insights

PageSpeed Insights作為Google官方推薦的測(cè)速分析工具，它劃分了移動(dòng)端和桌面端的設(shè)備，生成對(duì)應(yīng)的頁(yè)面速度的得分以及建議，也會(huì)對(duì)頁(yè)面得分進(jìn)行說(shuō)明。

例如：

· 90分以上：這是個(gè)好成績(jī)；

· A 50-90分：這是一個(gè)平均速度，最好優(yōu)化網(wǎng)站；

· 最高 50 分：該網(wǎng)站急需改進(jìn)。

2.GTmerrix

GTmetrix是一個(gè)免費(fèi)分析工具，他會(huì)分析您的頁(yè)面速度性能并從A到F對(duì)網(wǎng)頁(yè)進(jìn)行評(píng)分，然后提供優(yōu)化建議。例如：ugreen.com網(wǎng)站Fully Loaded Time: 4.7s。

二、網(wǎng)站速度的影響因素

1.不可控因素

Shopify官方也強(qiáng)調(diào)到，客戶(hù)的設(shè)備、網(wǎng)站、地址因素是作為客觀因素。由于訪問(wèn)我們店鋪的受眾會(huì)來(lái)自全球各地，因此受眾使用的網(wǎng)絡(luò)和設(shè)備是不相同的，這些因素也意味著店鋪的加載速度過(guò)長(zhǎng)或減慢。

2.可控因素

Shopify官方也強(qiáng)調(diào)到，店鋪的APP應(yīng)用、模板、圖片和視頻，以及復(fù)雜效率低下的Liquid 代碼。

•  圖片和視頻，過(guò)大的圖片和視圖中隱藏的圖片可能會(huì)對(duì)加載頁(yè)面中其他更重要的部分造成干擾。

• 模板,模板由 Liquid、HTML、CSS 和 JavaScript 代碼組成。編輯或自定義模板時(shí)，文件大小可能會(huì)增大，并影響商店速度。

• 店鋪的APP應(yīng)用，當(dāng)添加APP以更改在線商店的功能或外觀時(shí)，這些應(yīng)用會(huì)在模板中添加代碼，這樣它們才能運(yùn)行。可以刪除某些代碼或?qū)⑵渲匦屡判?，以提高在線商店的性能。

• 復(fù)雜或效率低下的 Liquid 代碼，重復(fù)執(zhí)行復(fù)雜操作可能會(huì)增加 Liquid 呈現(xiàn)時(shí)間，從而影響整體商店速度。

三、網(wǎng)站速度優(yōu)化的指導(dǎo)性建議

1.壓縮圖片和視頻

Shopify允許我們使用JPG.PMG和GIF等圖片格式，而店鋪的圖片主要以JPG圖片為主，因此圖像的壓縮很重要，也是加快網(wǎng)頁(yè)的必要條件。我們?cè)谏蟼鲌D片之前，強(qiáng)烈推薦使用5年的tingpng.com（Drop your WebP, PNG or JPEG files here!）來(lái)減小圖像的大小，例如:使用這個(gè)工具后，我的一張1.3MB圖片壓縮到了336kb，在不失真的前提下縮略了74%的圖像，給這個(gè)工具點(diǎn)贊。

2.從Shopify官網(wǎng)上，下載網(wǎng)站速度快的主題

事實(shí)上，網(wǎng)站存儲(chǔ)速度主要取決于網(wǎng)站主題，在官網(wǎng)主題上，像Prestige，debut，warehouse主題占據(jù)的存儲(chǔ)空間比較小，因此加載速度會(huì)比絕大多數(shù)主題快。例如，我比較喜歡的一款主題是Warehouse Theme，內(nèi)存僅僅498KB,這個(gè)網(wǎng)站的加載速度是測(cè)試比較良好的，可以微信加我，我發(fā)給你。

PS：還有一點(diǎn)不要使用來(lái)路不明的Shopify主題（像QQ群下載或者某個(gè)同事給你未卸載多余代碼），在2018年的時(shí)候，我收藏了一些主題去使用，結(jié)果我嘗試了多個(gè)Shopify主題，我的網(wǎng)站加載速度非常慢。

3.減少app安裝數(shù)量，刪除多余的app

通過(guò)shopify下載的大多數(shù)app會(huì)將一些JS/CSS文件添加到店鋪，主要問(wèn)題是，JS/CSS文件在后臺(tái)運(yùn)行，會(huì)將網(wǎng)站的速度降低。有的同事之前一個(gè)reviews插件使用了3個(gè)，我拿去測(cè)他的網(wǎng)站速度，非常地拉跨是30，卸載一些不常用的插件后，速度瞬間提到了42。重要提示：用不到的app都刪除了，也能提升頁(yè)面的加載速度。

4.卸載Sale channel-Messenger

我一個(gè)同事使用這個(gè)sale channel的 Messenger，用于實(shí)現(xiàn)網(wǎng)站跟messenger用戶(hù)進(jìn)行在線聊天工具。我當(dāng)時(shí)整體的網(wǎng)站跟她的網(wǎng)站大同小異，我的網(wǎng)站速度在60，而她的網(wǎng)站速度是19。排查之后，卸載Messenger之后，速度直接增加了35。如果非要一個(gè)在線聊天工具，那我建議是找一個(gè)替代者-Tidio，這是一款在線即使聊天工具，也有很多專(zhuān)業(yè)網(wǎng)站使用這個(gè)主題。

5.找專(zhuān)業(yè)的人進(jìn)行網(wǎng)站主題優(yōu)化

第一種方法，通過(guò)官方推薦的聘請(qǐng)專(zhuān)家，即Hire site performance expertise，根據(jù)您的需要瀏覽專(zhuān)家或獲得專(zhuān)家?guī)椭?/p>

第二種方法，是我獻(xiàn)給粉絲的禮物，希望能看到我這篇文章的人受益一點(diǎn)，直接在FIVERR上找人替你優(yōu)化，花錢(qián)就可以，一般是花費(fèi)50美金就可以?xún)?yōu)化網(wǎng)站速度50-60以上，我之前找人合作過(guò)。當(dāng)然如果你基礎(chǔ)不做好（包括圖片，主題，app等），就算是shopify的代碼專(zhuān)家也搞不定。

     每篇文章都是經(jīng)驗(yàn)的總結(jié)，如果對(duì)你有幫助，可以點(diǎn)贊或者收藏，感謝對(duì)原創(chuàng)的支持，原創(chuàng)不容易，但是始終相信越分享越幸運(yùn)。

（來(lái)源：Shopify老手說(shuō)）

以上內(nèi)容屬作者個(gè)人觀點(diǎn)，不代表雨果跨境立場(chǎng)！本文經(jīng)原作者授權(quán)轉(zhuǎn)載，轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。?