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