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

EdgioでUniversal StandardのJamstackサイトが成功した理由

Edgio +
ユニバーサル標準
40
直帰率40%低下
600
MS
PLPからPDPへのページロード時間600ms
200
モバイルでのコンバージョン率が200%向上
customer-logo-universal-standard-color
お客様のスナップショット

EdgioのJamstackソリューションがUniversal Standardのデジタルエクスペリエンスをどのように変革し、目覚ましい成長を遂げたかをご覧ください。

ユニバーサル・スタンダードは、世界で最もサイズの大きい衣料品品の品揃えを提供するオンラインファッション小売業者です。 革新と新しい標準の設定によって推進されたUniversal Standardの開発者は、デジタルエクスペリエンスを強化する最新のJamstack Webサイトソリューションを探しました。

サイトの速度とウェブ開発者の速度を活用するために、Universal Standardは動的サイトを開発し実行するためのオールインワンプラットフォームとしてEdgioを選択しました。 このファッション小売業者は現在、毎週Nuxtストアを展開しており、Edgioでのモバイルコンバージョン率を200%引き上げています。

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

ジャスティン・メトロス氏、ユニバーサル・スタンダード社テクノロジー部門責任者

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

Edgio以前は、UniversalStandard.comは従来のShopifyサイトであり、Liquidテンプレート言語で記述され、ストアフロントのサーバーでホストおよび提供され、CDNに展開されていました。

サイトが複雑になるにつれて、ページの読み込み速度が低下し、モノリシックアーキテクチャでは迅速な反復がより困難になった。 チームは、データの操作からUIの表示、サイト自体の制御まで、すべての分野でより柔軟性を必要としていました。

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

より良い解決策への最初のステップは、フロントエンドとバックエンドを分離してヘッドレスアーキテクチャを実現することでした。 これを行うことで、Universal StandardはJamstackエコシステムでクラス最高のツールを活用しながら、ShopifyヘッドレスeコマースCMSとチェックアウトシステムを使用できます。

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

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

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

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

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

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

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

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

ほとんどのeコマースサイトと同様に、ユニバーサル・スタンダードの商品コンテンツ(在庫や価格など)は1分単位で更新されるため、リアルタイムの更新には動的なページが必要です。 Edgioでは、ほぼ100のグローバルPoP(Points of Presence)を通じて、ダイナミックコンテンツの95%以上をエッジにキャッシュしています。

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

UniversalStandard.com’sのホームページの読み込み時間は平均1.05秒で、製品リストページ(PLP)から製品説明ページ(PDP)への移行時間は平均600ミリ秒です。

「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
配信
高速化/保護/配信/その他