先看一組購物型網(wǎng)站的調(diào)查數(shù)據(jù) 60%以上的智能手機(jī)用戶希望網(wǎng)站的加載速度是在4秒時(shí)間內(nèi); 50%以上的購物者會(huì)使用移動(dòng)設(shè)備購物。 PageSpeed Insights
例如:
· 90分以上:這是個(gè)好成績;
· A 50-90分:這是一個(gè)平均速度,最好優(yōu)化網(wǎng)站;
·?最高 50 分:該網(wǎng)站急需改進(jìn)。
GTmerrix
GTmetrix是一個(gè)免費(fèi)分析工具,他會(huì)分析您的頁面速度性能并從A到F對網(wǎng)頁進(jìn)行評分,然后提供優(yōu)化建議。例如:ugreen.com網(wǎng)站Fully Loaded Time: 4.7s。
?
?
不可控因素
Shopify官方也強(qiáng)調(diào)到,客戶的設(shè)備、網(wǎng)站、地址因素是作為客觀因素。由于訪問我們店鋪的受眾會(huì)來自全球各地,因此受眾使用的網(wǎng)絡(luò)和設(shè)備是不相同的,這些因素也意味著店鋪的加載速度過長或減慢。
可控因素
Shopify官方也強(qiáng)調(diào)到,店鋪的APP應(yīng)用、模板、圖片和視頻,以及復(fù)雜效率低下的Liquid 代碼。
圖片和視頻,過大的圖片和視圖中隱藏的圖片可能會(huì)對加載頁面中其他更重要的部分造成干擾。
模板,模板由 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í)間,從而影響整體商店速度。
壓縮圖片和視頻
Shopify允許我們使用JPG.PMG和GIF等圖片格式,而店鋪的圖片主要以JPG圖片為主,因此圖像的壓縮很重要,也是加快網(wǎng)頁的必要條件。我們在上傳圖片之前,強(qiáng)烈推薦使用5年的tingpng.com(Drop your WebP, PNG or JPEG files here!)來減小圖像的大小,例如:使用這個(gè)工具后,我的一張1.3MB圖片壓縮到了336kb,在不失真的前提下縮略了74%的圖像,給這個(gè)工具點(diǎn)贊。
?
從Shopify官網(wǎng)上,下載網(wǎng)站速度快的主題
事實(shí)上,網(wǎng)站存儲速度主要取決于網(wǎng)站主題,在官網(wǎng)主題上,像Prestige,debut,warehouse主題占據(jù)的存儲空間比較小,因此加載速度會(huì)比絕大多數(shù)主題快。例如,我比較喜歡的一款主題是Warehouse Theme,內(nèi)存僅僅498KB,這個(gè)網(wǎng)站的加載速度是測試比較良好的,可以微信加我,我發(fā)給你。
PS:還有一點(diǎn)不要使用來路不明的Shopify主題(像QQ群下載或者某個(gè)同事給你未卸載多余代碼),在2018年的時(shí)候,我收藏了一些主題去使用,結(jié)果我嘗試了多個(gè)Shopify主題,我的網(wǎng)站加載速度非常慢。
?
減少app安裝數(shù)量,刪除多余的app
通過shopify下載的大多數(shù)app會(huì)將一些JS/CSS文件添加到店鋪,主要問題是,JS/CSS文件在后臺運(yùn)行,會(huì)將網(wǎng)站的速度降低。有的同事之前一個(gè)reviews插件使用了3個(gè),我拿去測他的網(wǎng)站速度,非常地拉跨是30,卸載一些不常用的插件后,速度瞬間提到了42。重要提示:用不到的app都刪除了,也能提升頁面的加載速度。
卸載Sale channel-Messenger
我一個(gè)同事使用這個(gè)sale channel的 Messenger,用于實(shí)現(xiàn)網(wǎng)站跟messenger用戶進(jìn)行在線聊天工具。我當(dāng)時(shí)整體的網(wǎng)站跟她的網(wǎng)站大同小異,我的網(wǎng)站速度在60,而她的網(wǎng)站速度是19。排查之后,卸載Messenger之后,速度直接增加了35。如果非要一個(gè)在線聊天工具,那我建議是找一個(gè)替代者-Tidio,這是一款在線即使聊天工具,也有很多專業(yè)網(wǎng)站使用這個(gè)主題。
找專業(yè)的人進(jìn)行網(wǎng)站主題優(yōu)化
第一種方法,通過官方推薦的聘請專家,即Hire site performance expertise,根據(jù)您的需要瀏覽專家或獲得專家?guī)椭?/span>
第二種方法,是我獻(xiàn)給粉絲的禮物,希望能看到我這篇文章的人受益一點(diǎn),直接在FIVERR上找人替你優(yōu)化,花錢就可以,一般是花費(fèi)50美金就可以優(yōu)化網(wǎng)站速度50-60以上,我之前找人合作過。當(dāng)然如果你基礎(chǔ)不做好(包括圖片,主題,app等),就算是shopify的代碼專家也搞不定。
? ? ?每篇文章都是經(jīng)驗(yàn)的總結(jié),如果對你有幫助,可以點(diǎn)贊或者打賞,感謝對原創(chuàng)的支持,原創(chuàng)不容易,但是始終相信越分享越幸運(yùn)。
更多內(nèi)容關(guān)注我
微信:klayjiang11
網(wǎng)站:klayshuo.com
?
?
文章為作者獨(dú)立觀點(diǎn),不代表DLZ123立場。如有侵權(quán),請聯(lián)系我們。( 版權(quán)為作者所有,如需轉(zhuǎn)載,請聯(lián)系作者 )

網(wǎng)站運(yùn)營至今,離不開小伙伴們的支持。 為了給小伙伴們提供一個(gè)互相交流的平臺和資源的對接,特地開通了獨(dú)立站交流群。
群里有不少運(yùn)營大神,不時(shí)會(huì)分享一些運(yùn)營技巧,更有一些資源收藏愛好者不時(shí)分享一些優(yōu)質(zhì)的學(xué)習(xí)資料。
現(xiàn)在可以掃碼進(jìn)群,備注【加群】。 ( 群完全免費(fèi),不廣告不賣課!)