已收藏,可在 我的資料庫 中查看
關注作者
您可能還需要

你最想了解的Shopify網站速度達到最優化

shopify老手說

你最想了解的Shopify網站速度達到最優化

先看一組購物型網站的調查數據

75%以上用戶不會在加載速度慢的網站進行復購;

60%以上的智能手機用戶希望網站的加載速度是在4秒時間內;

50%以上的購物者會使用移動設備購物。

 從上面的數據可以得出,一個網站的移動端的加載速度快是非常重要的,因為頁面速度對用戶體驗很重要,加載時間較長的頁面意味著更高的跳出率和更低的頁面停留時長,這導致網站的銷售轉化很不利。而谷歌官方也強調道,網站速度是對頁面排名的重要因素之一。較慢的頁面速度意味著谷歌搜索抓取較少的頁面,這可能會對您的索引產生負面影響。

一、網站速度測試工具推薦

1.PageSpeed Insights

PageSpeed Insights作為Google官方推薦的測速分析工具,它劃分了移動端和桌面端的設備,生成對應的頁面速度的得分以及建議,也會對頁面得分進行說明。

例如:

· 90分以上:這是個好成績;

· A 50-90分:這是一個平均速度,最好優化網站;

· 最高 50 分:該網站急需改進。

2.GTmerrix

GTmetrix是一個免費分析工具,他會分析您的頁面速度性能并從A到F對網頁進行評分,然后提供優化建議。例如:ugreen.com網站Fully Loaded Time: 4.7s。

二、網站速度的影響因素

1.不可控因素

Shopify官方也強調到,客戶的設備、網站、地址因素是作為客觀因素。由于訪問我們店鋪的受眾會來自全球各地,因此受眾使用的網絡和設備是不相同的,這些因素也意味著店鋪的加載速度過長或減慢。

2.可控因素

Shopify官方也強調到,店鋪的APP應用、模板、圖片和視頻,以及復雜效率低下的Liquid 代碼。

  •  圖片和視頻,過大的圖片和視圖中隱藏的圖片可能會對加載頁面中其他更重要的部分造成干擾。
  • 模板,模板由 Liquid、HTML、CSS 和 JavaScript 代碼組成。編輯或自定義模板時,文件大小可能會增大,并影響商店速度。

  • 店鋪的APP應用,當添加APP以更改在線商店的功能或外觀時,這些應用會在模板中添加代碼,這樣它們才能運行??梢詣h除某些代碼或將其重新排序,以提高在線商店的性能。

  • 復雜或效率低下的 Liquid 代碼,重復執行復雜操作可能會增加 Liquid 呈現時間,從而影響整體商店速度。

三、網站速度優化的指導性建議

1.壓縮圖片和視頻

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

2.從Shopify官網上,下載網站速度快的主題

事實上,網站存儲速度主要取決于網站主題,在官網主題上,像Prestige,debut,warehouse主題占據的存儲空間比較小,因此加載速度會比絕大多數主題快。例如,我比較喜歡的一款主題是Warehouse Theme,內存僅僅498KB,這個網站的加載速度是測試比較良好的,可以微信加我,我發給你。

PS:還有一點不要使用來路不明的Shopify主題(像QQ群下載或者某個同事給你未卸載多余代碼),在2018年的時候,我收藏了一些主題去使用,結果我嘗試了多個Shopify主題,我的網站加載速度非常慢。

3.減少app安裝數量,刪除多余的app

通過shopify下載的大多數app會將一些JS/CSS文件添加到店鋪,主要問題是,JS/CSS文件在后臺運行,會將網站的速度降低。有的同事之前一個reviews插件使用了3個,我拿去測他的網站速度,非常地拉跨是30,卸載一些不常用的插件后,速度瞬間提到了42。重要提示:用不到的app都刪除了,也能提升頁面的加載速度。

4.卸載Sale channel-Messenger

我一個同事使用這個sale channel的 Messenger,用于實現網站跟messenger用戶進行在線聊天工具。我當時整體的網站跟她的網站大同小異,我的網站速度在60,而她的網站速度是19。排查之后,卸載Messenger之后,速度直接增加了35。如果非要一個在線聊天工具,那我建議是找一個替代者-Tidio,這是一款在線即使聊天工具,也有很多專業網站使用這個主題。

5.找專業的人進行網站主題優化

第一種方法,通過官方推薦的聘請專家,即Hire site performance expertise,根據您的需要瀏覽專家或獲得專家幫助。

第二種方法,是我獻給粉絲的禮物,希望能看到我這篇文章的人受益一點,直接在FIVERR上找人替你優化,花錢就可以,一般是花費50美金就可以優化網站速度50-60以上,我之前找人合作過。當然如果你基礎不做好(包括圖片,主題,app等),就算是shopify的代碼專家也搞不定。

     每篇文章都是經驗的總結,如果對你有幫助,可以點贊或者收藏,感謝對原創的支持,原創不容易,但是始終相信越分享越幸運。

(來源:Shopify老手說)

以上內容屬作者個人觀點,不代表雨果跨境立場!本文經原作者授權轉載,轉載需經原作者授權同意。?

分享到:

--
評論
最新 熱門 資訊 資料 專題 服務 果園 標簽 百科 搜索
雨果跨境顧問
Google顧問-Sandy
OceanWeb新客獨家福利:前100名免費送$20廣告體驗金,點擊按鈕咨詢顧問并領取,雨果跨境官方顧問

收藏

--

--

分享
跨境老手說
分享不易,關注獲取更多干貨
公交车上荫蒂添的好舒服小说| 日韩无码专区| 啊哈哈啊哈哈好棒|