Home Customer Success Stories Universal StandardのJamstackサイトがEdgioで成功した方法
Applications

Universal StandardのJamstackサイトがEdgioで成功した方法

Edgio +
ユニバーサルスタンダード
40
直帰率が40%低下
600
ミリ秒
PLPからPDPに600ミリ秒のページロード
200
モバイルでのコンバージョン率が200%向上
customer-logo-universal-standard-color
お客様のスナップショット

EdgioのJamstackソリューションがUniversal Standardのデジタルエクスペリエンスを変革し、目覚ましい成長に火をつける方法を学ぶ

Universal Standardは、世界で最もサイズの包含的な衣類の品揃えを提供するオンラインファッション小売業者である。 革新と新しい標準の設定に駆り立てられて、Universal Standardの開発者はデジタルエクスペリエンスを強化するための最新のJamstackウェブサイトソリューションを模索した。

サイトのスピードとウェブ開発者のスピードの恩恵を受けるため、Universal Standardは動的サイトの開発と運営にオールインワンプラットフォームとしてEdgioを選んだ。 ファッション小売業者は現在、週に1回Nuxtストアを展開し、Edgioでモバイルコンバージョン率を200%上げている。

「プラットフォーム自体は非常に、非常に高速である。」

Justin Metros氏(Universal Standard、技術責任者)

ユニバーサルスタンダードの課題

Edgio以前は、UniversalStandard.comは従来のShopifyサイトであり、Liquidテンプレート言語で記述され、ストアフロントのサーバーでホストおよび提供され、CDNにデプロイされていた。 サイトがより複雑になるにつれて、ページのロードは遅くなり、モノリシックアーキテクチャでは迅速な反復がより困難になった。 データの操作からUIの表示、サイト自体の制御まで、すべての分野で柔軟性を必要としていた。

ユニバーサルスタンダードのソリューション

より良いソリューションへの第一歩は、ヘッドレスアーキテクチャのためにフロントエンドをバックエンドから切り離すことであった。 これにより、Universal StandardはJamstackエコシステムでクラス最高のツールを活用しながら、ShopifyヘッドレスeコマースCMSとチェックアウトシステムを引き続き使用できるようになった。

次に、チームは、ウェブサイトの速度、CDN管理、レポート作成のニーズを満たし、優れた開発者エクスペリエンスを提供するホスティングプラットフォームを選択した。Edgioのアプリケーションソリューションは、ヘッドレスフロントエンドを開発、デプロイ、実行、監視する強力なソリューションとなった。

今日、UniversalStandard.comは、ShopifyとPrismicに保存されているビジネスデータを取得するためのGraphQLバックエンドを備えたNuxtのウェブサイトである。 データ層とフロントエンドの間には、GraphQLとNuxt.jsのデータをキャッシュするEdgioが存在する。

プラットフォームをより速く、より簡単に使用すればするほど、開発者は時間を節約し、より多くのことを行うことができる。 以前のアーキテクチャでは、異なるステージング環境を作成することは困難で面倒であり、開発ツールが不十分であった。

技術部門の責任者は、EdgioのGitベースのワークフローと最新のツールは、デプロイをより迅速かつ頻繁に行うことを意味していると説明した。 チームは独立して作業し、エッジルールをローカルで実行し、プリプロダクションでプレビューし、リアルタイムでフィードバックを提供できる。

「問題を解決し、生産性を高めるために必要なものはすべて揃っている」とメトロスは述べた。

Edgioへの展開は正確で、説明責任があり、テスト可能である。 チームがブランチを作成するたびに、アトミックデプロイとインスタントロールバックが行われる。 「現像速度が劇的に向上した」

Edgioで起動した直後、Universal Standardのページロードは最初から1.5秒に低下した。 以前は、ネットワークの状態が良好であっても、買い物客は製品ページがロードされるのに平均4~7秒待っていた。

スピードをさらに最適化するために、チームはEdgioのEdgeJSを介したエッジキャッシュを活用した。 この電子商取引サイトは、Universal Standardのアプリケーションコード内でキャッシュを制御することで、記録を破り、1秒未満のページ読み込みを達成した。 さらに、eコマースサイトはリアルタイム監視の助けを借りて、すべての主要ページでCore Web Vitalsを通過させている。

ほとんどのeコマースサイトと同様に、Universal Standardの製品コンテンツ(在庫や価格設定など)は分単位で更新されるため、リアルタイムの更新には動的なページが必要である。 Edgioでは、同社の動的コンテンツの95%以上を、100近くのグローバルなPoint of Presence(PoP)を通じてエッジにキャッシュしている。

「PoPの数によって、ネットワークへの往復にかかる時間が短縮され、レイテンシとping時間が非常に低くなります」とMetros氏は述べている。

平均して、UniversalStandard.com’sのホームページは1.05秒でロードされ、製品リストページ(PLP)から製品説明ページ(PDP)への遷移は600msでロードされる。

「PoPの数によって、ネットワークへの往復にかかる時間が短縮され、レイテンシとping時間が非常に低くなります」とMetros氏は述べている。

Universal Standardがヘッドレスアーキテクチャに切り替え、Edgioのアプリケーションソリューションにプラットフォームを変更する決定を下す前は、トラフィックの約50%がモバイルとデスクトップの両方に向けられていた。 しかし、モバイルでのコンバージョン率はデスクトップに匹敵するものではなかった。

Edgioのパフォーマンス機能により、Universal Standardはトラフィックの約70%がモバイルからのものと見ている。これにより、コンバージョン率が3倍になり、平均注文額が42%増加し、直帰率が40%減少し、売上高が前年比81%増加した。

モバイルユーザーは現場での時間を3倍にし、期間が200%増加した。 「明らかに、私たちのユーザーはより高速なサイトでより多くの体験を楽しんでいる。」

Universal Standardは、Edgioの開発者やソリューションエンジニアとSlackチャンネルを共有し、問題を迅速に解決してサポートを提供している。 「Edgioチームは驚異的です」とMetros氏は述べた。「チームは常にアイデアと支援の意思を持ってテーブルにやって来て、彼らは非常に知識が豊富です」

お客様が特定のニーズに合わせてクラス最高のソリューションを構築できると感じたとき、私たちは会社として勝つ。 動的なeコマースWebサイトの運営の複雑さを理解しており、あらゆる段階でサポートを提供する専任チームがある。

Website
Industry
Company Size
11-50
Products
Icon_Dev_Interface_icon_gradient
応用
セキュリティ/パフォーマンス/エッジコンピューティング/その他
Icon_Globe_icon_gradient
配信
加速/保護/提供/その他