Home Customer Success Stories 環球標準的Jamstack站點如何在Edgio上蓬勃發展
Applications

環球標準的Jamstack站點如何在Edgio上蓬勃發展

Edgio +
通用標準
40
跳出率降低40%
600
女士
從PLP到PDP的600ms頁面載入
200
移動設備轉換率提升200%
customer-logo-universal-standard-color
客戶快照

瞭解Edgio的Jamstack解決方案如何轉變通用標準的數字體驗並推動顯著增長

Universal Standard是一家線上時尚零售商,提供世界上最大尺寸的服裝組合。 在創新和設定新標準的推動下,通用標準的開發人員尋求了一個現代的Jamstack網站解決方案來增強他們的數字體驗。

爲了從網站速度和網頁開發速度中獲益,Universal Standard選擇了Edgio作爲他們的一體化平臺來開發和執行他們的動態網站。 這家時尚零售商現在每週部署其次秒的Nuxt商店,並在Edgio上將移動轉換率提高了200 %。

“平臺本身非常快。”

Justin Metros,通用標準技術主管

通用標準的挑戰

在加入Edgio之前,UniversalStandard.com是一個傳統的Shopify網站,使用Liquid模板語言編寫,在店面的伺服器上託管和服務,並部署在CDN上。

隨着網站變得越來越複雜,頁面載入速度變慢,並且在單片架構上快速迭代變得更加困難。 該團隊需要在所有領域都有更多的靈活性,從處理數據到UI顯示,再到控制站點本身。

通用標準的解決方案

邁向更好的解決方案的第一步是將前端與後端脫鉤,以實現無外設架構。 通過這樣做,Universal Standard可以利用Jamstack生態系統中一流的工具,同時仍將Shopify用於其無頭電子商務CMS和結帳系統。

接下來,該團隊選擇了一個託管平臺,其技術滿足了他們對網站速度,CDN管理和報告的需求,同時還提供了良好的開發人員體驗。 Edgio的應用程式解決方案成爲他們開發,部署,執行和監控無頭前端的強大解決方案。

如今,UniversalStandard.com是一個Nuxtt網站,帶有GraphQL後端,用於獲取存儲在Shopify和Prismic中的業務數據。 數據層和前端之間現在使用Edgio,它暫存GraphQL和Nuxt.js數據。

平臺的使用速度越快,越容易,開發人員就能節省時間和完成更多工作。 使用以前的架構,創建不同的暫存環境變得困難且繁瑣,開發工具也不足。

技術主管解釋說,Edgio基於Git的工作流和現代工具意味着部署更快,更頻繁。 團隊可以獨立工作,在本地執行邊緣規則,在生產前預覽這些規則,並提供實時反饋。

“我擁有解決問題和提高工作效率所需的一切,”Metros說。

Edgio上的部署準確,可靠且可測試。 每次團隊創建分支時,他們都會獲得原子部署和即時回滾。 “開發人員的速度顯著提高。”

在Edgio上啓動後,通用標準的頁面立即從包裝箱中載入到1.5秒。 以前,購物者平均等待4-7秒才能載入產品頁面,即使網路條件良好。

爲了進一步優化速度,該團隊通過Edgio的EdgeJS利用邊緣暫存。 電子商務網站通過控制通用標準的應用程式代碼中的暫存,打破了記錄,並實現了次秒的頁面載入。 此外,電子商務網站在實時監控的幫助下,在所有關鍵頁面上傳遞核心Web Vitals。

與大多數電子商務網站一樣,Universal Standard的產品內容(即庫存和定價)會隨時間更新,因此動態頁面對於實時更新是必要的。 在Edgio上,零售商通過近100個全球網點(POPS)在邊緣暫存95%以上的動態內容。

“POPS的數量減少了往返網路所需的時間,使我們的延遲和ping時間極低,”Metros說道。

平均而言,UniversalStandard.com’s主頁在1.05秒內載入,從商品資訊頁(PLP)到商品描述頁(PDP)的轉換在600毫秒內載入。

“POPS的數量減少了往返網路所需的時間,使我們的延遲和ping時間極低,”Metros說道。

在通用標準決定轉用無外設架構並重新平臺到Edgio的應用程式解決方案之前,約50%的流量將同時流向移動和桌面。 但是,移動設備的轉換率不能與臺式機競爭。

藉助Edgio的性能功能,Universal Standard現在發現大約70%的流量來自移動設備,這使轉換率增加了兩倍,平均訂單價值增加了42%,反彈率降低了40%,收入同比提高了81%。

行動使用者在網站上花費的時間是上網時間的三倍,持續時間增加200%。 “很明顯,我們的用戶可以更快地使用更快的網站,享受更多的體驗。”

Universal Standard與Edgio開發人員和解決方案工程師共享Slack通道,可快速解決問題並提供幫助。 “Edgio團隊是非凡的,”Metros說,“團隊總是帶着想法和樂於助人的意願來到桌前,他們非常博學。”

當我們的客戶感到能夠根據他們的特定需求構建一流的解決方案時,我們作爲一家公司贏得了勝利。 我們瞭解執行動態電子商務網站的複雜性,並有專門的團隊在任何步驟中提供支援。

Website
Industry
Company Size
11-50
Products
Icon_Dev_Interface_icon_gradient
應用程式
安全性/性能/邊緣計算/更多
Icon_Globe_icon_gradient
交付
加速/保護/交付/更多