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