Universal Standard是一家知名的大碼女裝購物網(wǎng)站，總部位于紐約，是為全球提供齊全尺碼服裝的在線零售商。在面對創(chuàng)新和制定新標準的需求下，Universal Standard的開發(fā)者尋求現(xiàn)代Jamstack網(wǎng)站解決方案來提升數(shù)字化體驗。
經(jīng)過反復的了解和對比，最終，Universal Standard選擇Layer0作為開發(fā)和運行動態(tài)站點的一體化平臺；在Layer0的幫助下，Universal Standard現(xiàn)在每周都會在Nuxt商店部署亞秒級產(chǎn)品，并且將移動終端轉(zhuǎn)化率提升了200%。
Limelight Layer0解決方案的特點很多，例如：
網(wǎng)絡(luò)架構(gòu)現(xiàn)代化
UniversalStandard.com就是一個傳統(tǒng)的Shopify網(wǎng)站，在部署Layer0之前，用Liquid模板語言編寫，托管在店面的服務器上，部署在其CDN上。
隨著站點復雜程度逐漸提高，頁面加載速度變慢，要想在單機架構(gòu)上實現(xiàn)快速迭代變得更加困難。團隊需要在數(shù)據(jù)處理、UI顯示和控制網(wǎng)站本身等所有領(lǐng)域都具有更大的靈活性。
部署更好解決方案的第一步是將前端與后端分離，以實現(xiàn)無頭架構(gòu)。如此一來，Universal Standard便可以利用Jamstack生態(tài)系統(tǒng)中的一流工具，同時仍將Shopify用于其無頭架構(gòu)電商CMS和結(jié)賬系統(tǒng)。
接下來，Universal Standard技術(shù)團隊選擇了一個托管平臺，該平臺的技術(shù)滿足了他們對網(wǎng)站速度、CDN管理和報告的需求，并帶有良好的開發(fā)體驗。Layer0就是他們?yōu)殚_發(fā)、部署、運行和監(jiān)測無頭前端找到的強大解決方案。
如今，UniversalStandard.com已經(jīng)成為一個帶有能夠獲取儲存在Shopify和Prismic中的業(yè)務數(shù)據(jù)的GraphQL后端的Nuxt網(wǎng)站。Layer0被部署在數(shù)據(jù)層和前端之間，緩存GraphQL和Nuxt.js的數(shù)據(jù)。
提升開發(fā)速度
平臺使用速度越快、越容易，開發(fā)者就越能節(jié)省時間并做更多的事情。如果僅借助之前的架構(gòu)，創(chuàng)建不同的分級環(huán)境會非常困難和繁瑣，開發(fā)工具也不足。
Universal Standard技術(shù)主管Justin Metros解釋道，Layer0基于Git的工作流程和現(xiàn)代工具意味著部署速度更快、發(fā)送時間更短；團隊就可以獨立工作、在本地運行邊緣規(guī)則、在預生產(chǎn)中預覽、并在實時反饋中提供反饋。
在Layer0上的部署是準確、可靠和可測試的。每次技術(shù)團隊在Layer0中創(chuàng)建分支時，他們都會獲得基元部署和即時回滾，開發(fā)速度得到明顯提升。
頁面加載速度降至亞秒級
在Layer0上啟動后，Universal Standard的頁面加載速度立即下降到了1.5秒。以前，即使網(wǎng)絡(luò)條件良好，購物者平均需要等待4-7秒才能加載產(chǎn)品頁面。
為了進一步優(yōu)化速度，該團隊通過使用Layer0的EdgeJS來幫助邊緣緩存。通過控制Universal Standard應用程序代碼中的緩存，該電商網(wǎng)站打破其紀錄并實現(xiàn)亞秒級頁面加載速度。此外，該電商網(wǎng)站在實時監(jiān)測的幫助下，使所有關(guān)鍵頁面都能夠通過了核心網(wǎng)頁指標（CWV）。
靜態(tài)渲染6000頁
與大多數(shù)電商網(wǎng)站一樣，Universal Standard的產(chǎn)品內(nèi)容（即庫存和定價）幾分鐘更新一次，對動態(tài)頁面進行實時更新非常必要。借助Layer0，Universal Standard通過近100個全球PoP節(jié)點在邊緣緩存了95%以上的動態(tài)內(nèi)容。
"PoP節(jié)點的數(shù)量縮短了數(shù)據(jù)在網(wǎng)站間傳輸?shù)臅r間，極大地降低了延遲時間和發(fā)送時間"，Metros表示。
平均而言，UniversalStandard.com的首頁加載時間為1.05秒，從產(chǎn)品列表頁面（PLP）跳轉(zhuǎn)至產(chǎn)品詳情頁面（PDP）的時間為600毫秒。
移動終端轉(zhuǎn)化率提升3倍
在Universal Standard決定切換到無頭架構(gòu)并部署Layer0平臺之前，約50%的流量同時流向移動終端和電腦端。然而，移動設(shè)備的轉(zhuǎn)化率無法與桌面設(shè)備媲美。
憑借Layer0的強悍的性能，Universal Standard現(xiàn)在約70%的流量來自移動終端，將轉(zhuǎn)化率提升三倍，平均訂單金額增加42%，跳出率降低40%，營業(yè)額增加81%（同比）。
移動終端用戶使用網(wǎng)站的時間增加了三倍，持續(xù)時間提升了200%。"很明顯，網(wǎng)站速度更快，我們的用戶也能享受更好的體驗”，Metrossh說到。
開發(fā)者為開發(fā)者打造的平臺
Universal Standard與Layer0開發(fā)者和解決方案工程師共用Slack頻道，從而實現(xiàn)快速解決問題并提供幫助的需求。"Layer0團隊非常出色，"Metros表示，"總是能夠提供解決思路，也愿意幫助我們，而且他們有足夠的知識儲備。
當我們的客戶感覺到可以為其特定需求打造一流的解決方案時，我們整個企業(yè)都會受益。我們了解運行動態(tài)電商網(wǎng)站的復雜性，并且配備專門的團隊全程提供支持。
"作為Layer0的客戶，我覺得我們得到了良好的服務。
——Universal Standard技術(shù)主管，Justin Metros
如果您正在尋找開發(fā)、部署、分離測試、加速和監(jiān)測您前端的一體化平臺，我們可以提供幫助。加入包括Universal Standard、Shoe Carnival、Sharper Image等在內(nèi)的行業(yè)領(lǐng)先者，借助Layer0平臺，實現(xiàn)簡化開發(fā)流程，并從即時加載網(wǎng)站中獲益。
Limelight簡介
Limelight（納斯達克股票代碼：LLNW）是一家提供邊緣解決方案的行業(yè)引領(lǐng)者，在全球范圍內(nèi)提供快速安全的數(shù)字體驗。在競爭日益激烈的市場中，我們提供強大的工具來優(yōu)化、保護和交付客戶寶貴的數(shù)字資產(chǎn)。從內(nèi)容交付和AppOps到Jamstack應用架構(gòu)和網(wǎng)絡(luò)安全，通過全球?qū)Ｓ芯W(wǎng)絡(luò)和以客戶為中心的專家團隊，我們致力于幫助客戶獲得成功，在這方面我們擁有獨特的優(yōu)勢。
Shopify
專欄
閩公網(wǎng)安備 35010202001226號
