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也是一款常用的網站測速剖析工具,操作頁面簡練,功效壯大,因此受到了很多大型網站的歡迎,比如、耐克和惠普等。
GTmetrix操作簡略,輸入網址或URL點擊“Analyze”。我們以chinabrands.com 為例,測試了該網站的速度。測試成果以6個維度的情勢出現,分離是網頁速度、YSlow、瀑布圖、網頁加載速度、頁面加載視頻、和報告歷史。
非會員可以直接應用GTmetrix測試,默認是從加拿大節點進行網站測速。注冊免費賬號之后,可以應用的功效更多,可以選擇7個不同節點測速,也可以選擇閱讀器(Chrome或Firefox)查看測試成果。
5.Dotcom-tools
Dotcom-tools的壯大和特殊之處即,我們可以在這個網站查看全球各個地域打開我們網站的時光,可以查看你網站在全球的速度怎么樣。當然和上述測速網站一樣,操作簡略,不用注冊會員就可以應用。
三、晉升shopify網站拜訪速度的技能
1. 優化圖片
一般情形下,一個網站須要提速我們斟酌的第一條就是優化圖片。Shopify后臺有一個緊縮圖片的免費app,叫image compressio, 我們可以將它裝在shopify后臺, 然后定期地對自己店鋪的新圖片主動緊縮, 緊縮完之后,你的店鋪拜訪速度應當會進步很多。
2. 優化JS代碼
當然 這個可能須要懂一點點盤算機基本知識才好操作。把一些JS代碼,要求合并成一個文件或合并在在一起,可以減少像JS服務器發送要求數
要求數越少,顯然你的加載速度更快一些。
3. 卸載過慢的shopify app
須要特殊強調的是有一部分免費的app,但是他們的速度非常慢,因此 我們建議所有賣家安裝免費app時更好進行一下測速,安裝之前測一下,安裝之后測一下,再比較一下速度,看一下這個app有沒有對你的店鋪拜訪速度有特殊顯著的影響。
4. 延緩圖片的加載
我們可以這樣設置:在客戶翻到了你的圖片時,才去加載圖片。這也可以進步你的網站的加載速度
寫在最后:
當然,優化網站拜訪速度的方法和技能還有很多,我們上面列出的是比擬常見也比擬容易完成的辦法。除了網站速度之外,listing能否批量上線是影響賣家工作效力的一個主要問題,也會直接影響店鋪產品的豐碩度。現在市場上的ERP工具幾乎都只支撐和大型電商平臺如亞馬遜、eBay等對接,對接獨立站的工具比擬難找。
特別聲明:以上文章內容僅代表作者本人觀點,不代表ESG跨境電商觀點或立場。如有關于作品內容、版權或其它問題請于作品發表后的30日內與ESG跨境電商聯系。
二維碼加載中...
使用微信掃一掃登錄
使用賬號密碼登錄
平臺顧問
微信掃一掃
馬上聯系在線顧問
小程序
ESG跨境小程序
手機入駐更便捷
返回頂部