社區(qū) 發(fā)現(xiàn) Shopify 想通過首頁提高轉(zhuǎn)化,如何做shopify...
想通過首頁提高轉(zhuǎn)化,如何做shopify首頁?首頁需要注意哪些細節(jié)及要點?
都知道shopify首頁是這個網(wǎng)站店鋪的臉面,是進入店鋪能否給客戶留下好的印象。高大上的首頁也能提高首頁轉(zhuǎn)化,假如想讓客戶在里面挑選產(chǎn)品,有著良好的體驗。顯而易見它的重要性……
首頁的高質(zhì)量設(shè)計需要具備哪些要點及注意哪些細節(jié)?在這里想請大家不吝指點。
跨境電商的旺季開始了,希望各位都能一掃陰霾,大賣特賣!
16 個回復(fù)
Alice朱志敏 - Oceanpayment/錢海,獨立站支付業(yè)務(wù)
贊同來自: 、 美麗心靈244 、 孫半仙 、 想養(yǎng)肥一只貓 、 Gotshot 、 柯嘉菲 、 MoneyMaker1 、 取名咋這么難2333 、 jessepinkman23 、 miller123 、 許喵喵喵 、 言無不知789 、 Bear2020 、 Martindale 、 Sidthink07 更多 ?
影響網(wǎng)站打開速度的因素除了網(wǎng)站本身之后,還和服務(wù)器有很大關(guān)系。那么我們首先以shopify服務(wù)器為例,給大家介紹下服務(wù)器的那些事。
一、Shopify 的服務(wù)器在哪里?
Shopify硬件服務(wù)器主要在美國華盛頓和芝加哥。同時shopify云服務(wù)器部署在亞馬遜云和谷歌云上,但是這些服務(wù)器的位置,并不會很大程度影響網(wǎng)站的訪問速度,因為shopify整個框架是建立在CDN上的。CDN中文名稱:內(nèi)容分發(fā)網(wǎng)絡(luò)。有了CDN之后,shopify會把它所有的網(wǎng)站資源推送到各地有CDN服務(wù)器的部署點上。全世界所有有CND服務(wù)器的地方,都會有shopify的相關(guān)東西。
也就是一個來自美國加州的客戶訪問你的店鋪時,他其實是從加州的CDN的服務(wù)器上去下載所需要的內(nèi)容。同樣的道理,如果是美國德州的一個客戶在訪問你的外貿(mào)網(wǎng)站的時候,其實是從德州的cdn服務(wù)器上讀取相關(guān)的內(nèi)容。??
上面就是CDN內(nèi)容分發(fā)服務(wù)器的作用。它保證了所有全球各地跨境營銷系統(tǒng)客戶都能從就近的服務(wù)器上打開你的shopify店鋪,也就是說,正常情況下,你的shopify店鋪在全世界的訪問速度都是有保證的,只要那個地方部署了CDN服務(wù)器。
二、網(wǎng)站測速工具有哪些?怎么用(建議收藏)
一般來說,如果網(wǎng)站測速工具測試出的評分在50以下,那么我們就要著手進行優(yōu)化網(wǎng)站訪問速度的動作了。這里有三個常用的測速工具。這些工具的操作流程大體類似,我們將以Google pagespeed insights為例。
1.? ???Google pagespeed insights
Page Speed Insights是根據(jù)”載入不須卷動位置時間”及”載入完整網(wǎng)頁時間”來評測網(wǎng)頁打開速度,針對PC端和移動端分別給出建議。
第一步:進入PageSpeed Insighs.com網(wǎng)站首頁,輸入網(wǎng)站網(wǎng)址后點擊“分析”
第二步:查看檢測結(jié)果和優(yōu)化建議
Pagespeed insights從“速度”和“最佳化”兩個維度給出評分。主要指標(biāo)為:First Contentful Paint(FCP)與DOM Content Loaded(DCL)的時間。 FCP指的是用戶進入網(wǎng)站時看到畫面呈現(xiàn)的第一時間,即使網(wǎng)站并未完全讀取完畢,能夠看到網(wǎng)站的文字或圖片讀取有所進展,能夠讓客戶滿足改善用戶的瀏覽體驗,而DCL的意思是DOM(文件物件模型)內(nèi)容讀取的時間,DCL的時間會排除圖片與CSS網(wǎng)站版型的讀取部份。
2.Tools.pingdom.com
Pingdom是一個免費的網(wǎng)站測速工具,從多方面測試網(wǎng)站,可以測試網(wǎng)站加載速度,也可以對頁面和大小進行分析。我們可以查看詳細的測試報告,幫助用戶找出影響網(wǎng)站速度的因素如圖片、CSS等,并給出詳細的優(yōu)化網(wǎng)頁性能的方案。
3.Webpagetes
Webpagetest原來由AOL開發(fā)的供內(nèi)部使用的工具,后來開源(例如:magento的開源商城體系),總體上說是一款網(wǎng)頁前端性能測試工具。Webpagetes的特色在于可以分國家測試網(wǎng)站加載速度,還可以從瀏覽器和手機系統(tǒng)(IOS/Android)系統(tǒng)的維度測試網(wǎng)站加載所花費的時間。
三、提升shopify網(wǎng)站訪問速度的技巧
1. 優(yōu)化圖片
一般情況下,一個網(wǎng)站需要提速我們考慮的第一條就是優(yōu)化圖片。Shopify后臺有一個壓縮圖片的免費app,叫image compressio, 我們可以將它裝在shopify后臺, 然后定期地對自己店鋪的新圖片自動壓縮, 壓縮完之后,你的店鋪訪問速度應(yīng)該會提高很多。
2. 優(yōu)化JS代碼
當(dāng)然這個可能需要懂一點點計算機基礎(chǔ)知識才好操作。把一些JS代碼,請求合并成一個文件或合并在在一起,可以減少像JS服務(wù)器發(fā)送請求數(shù)。請求數(shù)越少,顯然你的加載速度更快一些。
3. 卸載過慢的shopify app
需要特別強調(diào)的是有一部分免費的app,但是他們的速度非常慢,因此 我們建議所有賣家安裝免費app時最好進行一下測速,安裝之前測一下,安裝之后測一下,再對比一下速度,看一下這個app有沒有對你的店鋪訪問速度有特別明顯的影響。
4. 延緩圖片的加載
我們可以這樣設(shè)置:在客戶翻到了你的圖片時,才去加載圖片。這也可以提高外貿(mào)網(wǎng)站的加載速度,可以參考一下飛書信平臺的設(shè)置。
當(dāng)然,優(yōu)化網(wǎng)站訪問速度的方式和技巧還有很多,我們上面列出的是比較常見也比較容易完成的方法。