免費(fèi)參與·100+跨境活動(dòng) 
免費(fèi)下載·4000+跨境資料 
免費(fèi)學(xué)習(xí)·2000+直播課程 
免費(fèi)加入·15萬(wàn)+賣家交流群 
2024-03-08 17:48
經(jīng)常有客戶說(shuō)他的shopify店鋪加載速度很慢，首頁(yè)完全加載需要 5~6 秒or更高，問(wèn)ytkah有沒(méi)辦法幫忙優(yōu)化一下。shopify網(wǎng)站速度優(yōu)化要看具體用了什么模板，有什么功能，哪些可以改哪些不能改，這些需要提前先跟客戶溝通好，有些功能想要留著但又影響性能，這時(shí)就要權(quán)衡了。
那么,shopify速度評(píng)分怎么提升呢？從app、theme code、image、video等幾點(diǎn)優(yōu)化
1、apps
很多賣家運(yùn)營(yíng)shopify獨(dú)立站時(shí)，可能覺(jué)得網(wǎng)站里安裝越多的插件，功能越全面，轉(zhuǎn)化率就越高。安裝的數(shù)量越多shopify速度越慢，所以只保留需要的。有時(shí)需要權(quán)衡，有些app對(duì)提升轉(zhuǎn)化有用，但又影響到shopify網(wǎng)站加載速度了，這時(shí)可以考慮有沒(méi)有其他app可替代。
所以我們可以將不必要的插件卸載掉，另外將常用的插件進(jìn)行相關(guān)設(shè)置。
建議：
A、保留必須的app，如Product Reviews等，擇優(yōu)保留，其他盡量少用
B、盡量使用shopify官方制作的app，少用第三方app，第三方app加載的文件一般在第三方，調(diào)用需要時(shí)間多少會(huì)影響加載速度。
2、主題代碼
有些shopify主題做的功能很多，當(dāng)然js、css文件調(diào)用也就很多了，頁(yè)面引入的js,css越多的話,就增加了http請(qǐng)求數(shù)，則會(huì)影響網(wǎng)站訪問(wèn)速度
建議：
選用online store 2.0(OS 2.0)主題OS 2.0具有很高的靈活性和對(duì)速度的關(guān)注。它是用HTML和CSS的語(yǔ)義標(biāo)記構(gòu)建的，而不是依靠polyfills和外部庫(kù)，以在所有的瀏覽器上創(chuàng)造良好的體驗(yàn)。在shopify themes store中選2.0
3、圖片大小
很多shopify店主做獨(dú)立站經(jīng)常會(huì)忽略了圖片優(yōu)化。其實(shí)圖片對(duì)網(wǎng)站的影響非常大，因?yàn)橐粋€(gè)網(wǎng)站里，圖片占據(jù)了頁(yè)面的95%，如果圖片得不到良好的優(yōu)化，那么其他方面的優(yōu)化做的再好，都會(huì)被一張大圖覆蓋掉網(wǎng)站的加載速度，因此我們需要做好圖片優(yōu)化。
建議：
圖片上傳之前先處理好圖片（尺寸，命名，大小），尤其是產(chǎn)品圖，圖片尺寸需要一樣，圖片名字不要帶中文，上傳之前先更改好命名，圖片alt填寫一下，對(duì)seo有幫助，原圖太大的話要壓縮后再上傳，尤其是有的1M的多的圖片，一定要先壓縮再上傳（產(chǎn)品圖盡量控制在100kb以下），可以用 tinypng 批量壓縮（方便，對(duì)分辨率影響不大）
4、視頻大小
視頻跟圖片類似，視頻越大加載越慢。
建議：
壓縮視頻大小，控制視頻時(shí)長(zhǎng)傳到y(tǒng)outube上再嵌入到shopify網(wǎng)站中，youtube是全球很大的視頻平臺(tái)，提升加載速度，同時(shí)又增加了一個(gè)宣傳渠道
點(diǎn)擊播放按鈕才彈窗調(diào)用視頻播放
這是優(yōu)化后的截圖，明顯提升了很多，感興趣的朋友可以試試
（來(lái)源：ytkah）
以上內(nèi)容屬作者個(gè)人觀點(diǎn)，不代表雨果跨境立場(chǎng)！本文經(jīng)原作者授權(quán)轉(zhuǎn)載，轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。?
