網站打開速度與相應時間非常影響用戶體驗以及產品優化,shopify平臺上很多賣家跳出率高,訂單轉化效果不好都是因為網站速度慢而導致的。那么Shopify訪問速度如何優化?shopify網站加載太慢怎么辦呢?今天就一起來學習一下吧。
網站打開速度與相應時間非常影響用戶體驗以及產品優化,shopify平臺上很多賣家跳出率高,訂單轉化效果不好都是因為網站速度慢而導致的。那么Shopify訪問速度如何優化?shopify網站加載太慢怎么辦呢?今天就一起來學習一下吧。
shopify網頁打開速度慢是影響店鋪轉化率的一個重要方面。我們需要借助一些專業的網站測速工具來檢測網站打開速度,繼而有針對性地采取優化提速措施。
影響網站打開速度的因素除了網站本身之后,還和服務器有很大關系。那么我們首先以shopify服務器為例,給大家介紹下服務器的那些事!
Shopify硬件服務器主要在美國華盛頓和芝加哥。同時shopify云服務器部署在亞馬遜云和谷歌云上,但是這些服務器的位置,并不會很大程度影響 網站的訪問速度,因為shopify整個框架是建立在CDN上的。CDN中文名稱:內容分發網絡。有了CDN之后,shopify會把它所有的網站資源推送到各地有CDN服務器的部署點上。全世界所有有CND服務器的地方,都會有shopify的相關東西。
也就是一個來自美國加州的客戶訪問你的店鋪時,他其實是從加州的CDN的服務器上去下載所需要的內容。同樣的道理,如果是美國德州的一個客戶在訪問你的店鋪的時候,其實是從德州的cdn服務器上讀取相關的內容。
上面就是CDN內容分發服務器的作用。它保證了所有全球各地的客戶都能從就近的服務器上打開你的shopify店鋪,也就是說,正常情況下,你的shopify店鋪在全世界的訪問速度都是有保證的,只要那個地方部署了CDN服務器。
一般來說,如果網站測速工具測試出的評分在50以下,那么我們就要著手進行優化網站訪問速度的動作了。我為大家介紹五個常用的測速工具。這些工具的操作流程大體類似,我將以Google pagespeed insights為例。
1.Google pagespeed insights
Page Speed Insights是根據”載入不須卷動位置時間”及”載入完整網頁時間”來評測網頁打開速度,針對PC端和移動端分別給出建議。相信有接觸前端開發的大神們都聽說過Google官方的PageSpeed Tools,這個網頁載入速度檢測工具有在線版本也有一個 Chrome 擴展,叫PageSpeed Insights!
Google官方的PageSpeed Tools的兩個版本
在線版:
https://developers.google.com/speed/pagespeed/
Chrome擴展PageSpeed Insights:
https://chrome.google.com/webstore/detail/pagespeed-insights-by-goo/gplegfbjlmmehdoakndmohflojccocli
Firefox插件PageSpeed Insights:
https://dl-ssl.google.com/page-speed/current/page-speed.xpi
下面主要介紹的是Chrome 擴展。
第一步:進入PageSpeed Insighs.com網站首頁,輸入網站網址,點擊“分析”
第二步:查看檢測結果和優化建議
Pagespeed insights從“速度”和“最佳化”兩個維度給出評分。主要指標為:First Contentful Paint(FCP)與DOM Content Loaded(DCL)的時間。FCP指的是用戶進入網站時看到畫面呈現的第一時間,即使網站并未完全讀取完畢,能夠看到網站的文字或圖片讀取有所進展,能夠讓客戶滿足改善用戶的瀏覽體驗,而DCL的意思是DOM(文件物件模型)內容讀取的時間,DCL的時間會排除圖片與CSS網站版型的讀取部份。
會自動給出優化方案
大家可以根據它的方案,具體優化加載速度!
2.Tools.pingdom.com
Pingdom是一個免費的網站測速工具,從多方面測試網站,可以測試網站加載速度,也可以對頁面和大小進行分析。我們可以查看詳細的測試報告,幫助用戶找出影響網站速度的因素如圖片、CSS等,并給出詳細的優化網頁性能的方案。
3.Webpagetes
Webpagetest原來由AOL開發的供內部使用的工具,后來開源,總體上說是一款網頁前端性能測試工具。Webpagetes的特色在于可以分國家測試網站加載速度,還可以從瀏覽器和手機系統(IOS/Android)系統的維度測試網站加載所花費的時間。
4.GTmetrix
GTmetrix也是一款常用的網站測速分析工具,操作頁面簡潔,功能強大,因此受到了很多大型網站的歡迎,比如PayPal、耐克和惠普等。
GTmetrix操作簡單,輸入網址或URL點擊“Analyze”。我們以chinabrands.com 為例,測試了該網站的速度。測試結果以6個維度的形式呈現,分別是網頁速度、YSlow、瀑布圖、網頁加載速度、頁面加載視頻、和報告歷史。
非會員可以直接使用GTmetrix測試,默認是從加拿大節點進行網站測速。注冊免費賬號之后,可以使用的功能更多,可以選擇7個不同節點測速,也可以選擇瀏覽器(Chrome或Firefox)查看測試結果。
5.Dotcom-tools
Dotcom-tools的強大和特別之處即,我們可以在這個網站查看全球各個地區打開我們網站的時間,可以查看你網站在全球的速度怎么樣。當然和上述測速網站一樣,操作簡單,不用注冊會員就可以使用。
1. 優化圖片
一般情況下,一個網站需要提速我們考慮的第一條就是優化圖片。Shopify后臺有一個壓縮圖片的免費app,叫image compressio, 我們可以將它裝在shopify后臺, 然后定期地對自己店鋪的新圖片自動壓縮, 壓縮完之后,你的店鋪訪問速度應該會提高很多。
2. 優化JS代碼
當然 這個可能需要懂一點點計算機基礎知識才好操作。把一些JS代碼,請求合并成一個文件或合并在在一起,可以減少像JS服務器發送請求數
請求數越少,顯然你的加載速度更快一些。
3. 卸載過慢的shopify app
需要特別強調的是有一部分免費的app,但是他們的速度非常慢,因此 我們建議所有賣家安裝免費app時最好進行一下測速,安裝之前測一下,安裝之后測一下,再對比一下速度,看一下這個app有沒有對你的店鋪訪問速度有特別明顯的影響。
4. 延緩圖片的加載
我們可以這樣設置:在客戶翻到了你的圖片時,才去加載圖片。這也可以提高你的網站的加載速度
寫在最后:
當然,優化網站訪問速度的方式和技巧還有很多,我們上面列出的是比較常見也比較容易完成的方法。除了網站速度之外,listing能否批量上線是影響賣家工作效率的一個重要問題,也會直接影響店鋪產品的豐富度。現在市場上的ERP工具幾乎都只支持和大型電商平臺如亞馬遜、eBay等對接,對接獨立站的工具比較難找。
特別聲明:以上文章內容僅代表作者本人觀點,不代表ESG跨境電商觀點或立場。如有關于作品內容、版權或其它問題請于作品發表后的30日內與ESG跨境電商聯系。
二維碼加載中...
使用微信掃一掃登錄
使用賬號密碼登錄
平臺顧問
微信掃一掃
馬上聯系在線顧問
小程序
ESG跨境小程序
手機入駐更便捷
返回頂部