×

「瞬時に読み込む」ウェブサイト構築

「瞬時に読み込む」ウェブサイト構築

 

従来のウェブCDNにはキャッシュ可能なコンテンツを管理するために古いアプローチを採用していることによる制限があり、開発者のワークフローからは切り離されていました。しかし現在は、ウェブチームはリリースサイクルとウェブアプリケーションのユーザーエクスペリエンスの両方を高速化することが可能です。Layer0プラットフォームによって開発チームのリリーススピードは最大2倍になり、即座に読み込むことができるウェブページを提供することで、トラフィック、コンバージョン、そして収益を増加させることができます。

 

Layer0は、最大で2倍の速さでリリースできるため、開発者に好評です。さらに、予測型プリフェッチ(先読み)をCDNエッジではなくブラウザーにまで拡張して、エッジロジックを直接アプリケーションに組み込むことができます。「1秒未満のパフォーマンス」は、開発ライフサイクルの中でバージョン管理されテスト可能な第一級オブジェクトとなります。さらにすべてのブランチには、専用のプレビューURLも用意されます。

 

即座に読み込み可能なウェブサイトは、ビジネスに真の成果をもたらします。Layer0のお客様のサイトでは、オーガニックトラフィックが最大30%増加、コンバージョンが200%増加、直帰率が60%減少、収益が40%増加した例があります。399ミリ秒という読み込み速度を達成したサイトもあり、これは文字通り「瞬く間」と言えます。この速度は、予測型プリフェッチ、キャッシュ、ダイナミックデータをユーザーがリクエストする前にブラウザにストリーミングすることで実現できるのです。

 

即時性の秘密はリクエスト前にあり

即時性の秘密はリクエスト前にあり

 

 

Layer0は、ウェブサイトの構築と配信における技術的な課題を解決

 

現在のCDNは、開発ワークフローから切り離されています。開発チームは、CDNの設定、フロントエンド、バックエンドのシステムを別々に手動で同期、デバッグ、メンテナンスすることに時間を費やしており、結果としてアプリケーションは不安定になり、メンテナンスが困難になっています。

 

Layer0は、開発者がアプリケーションのコードに直接エッジキャッシングを構築することを可能にします。このプラットフォームは、既存のCDNを置き換えることも、CDNと連携して開発者のワークフローを効率化してパフォーマンスを向上させることも可能で、React、Angular、Vue、Nextjs、Nuxtなどのフレームワークをサポートしています。単一の統一されたキャッシング処理が、エッジ、ブラウザー、さらには統合されたオブザーバビリティスイートにまで自動的に適用されます。これにより開発チームは、A/Bテスト、パーソナライゼーション、トラフィックルーティングの最適化、ダイナミックデータのキャッシングなど、付加価値の高いプロジェクトに取り組むことができます。また、ヘッドレス環境への移行やJamstackの導入も、それぞれのペースで行うことができます。

 

 

主な機能

 

ウェブサイトとアプリケーションを瞬時に読み込み

ページを瞬時に読み込み:サーバーサイドレンダリング、エッジキャッシング、予測型プリフェッチにより、大規模なEコマースサイトのLCP(Largest Contentful Paint:最大コンテンツの描画時間)時間の中央値が399ミリ秒にまで改善されました。

 

EdgeJS

世界初のJavaScript対応CDNを使用して、アプリケーション内からエッジを制御し、開発ライフサイクルにおいてエッジをバージョン管理されたテスト可能な第一級オブジェクトとして扱います。

 

サーバーレスJavaScript

サーバーサイドレンダリング(SSR)やランタイムでのAPIコールをランタイムで簡単に無制限スケールで展開可能です。

 

ブランチのプレビュー

コードのブランチごとに自動的にプレビューURLを作成して再作業を排除します。

 

並列スタティックレンダリング

静的サイト生成にかかる長いビルド時間を必要とせず、エッジでJamstackのようなスピードを得られます。

 

エッジでの試行

サイトスピードやキャッシュヒット率を犠牲にすることなく、ポイントアンドクリックのA/Bテストやトラフィックのルーティングを試行できます。

 

パフォーマンス/オブザーバビリティスイートを統合

包括的な概要画面を表示し、ルートごと、デプロイごとのトラッキング、エッジからのプリフェッチによるブラウザーへのデータの流れを確認し、リアルタイムにCWV(Core Web Vital)を取得しReal User Monitoringを行うことで、数日や数週間ではなく数分単位で変更の影響を把握することが可能です。

 

サーバーレスのデバッグ

DRI(Deep Request Inspection)を使用して、サーバーレスコードに受信するすべてのリクエストのメソッド、ヘッダー、ボディ、および生成された最終レスポンスを確認できます。

 

DevOpsの効率化

エッジコードとサーバーレスコードのすべてのGitHubへのコミットを自動的に別々のURLにデプロイするCI/CDワークフローと統合します。

 

 

ビジネス上のメリット

 

開発者の生産性が向上:開発者は手作業によるプロセスに費やす時間が減り、最大2倍のスピードでのリリースが可能になり、よりハイパフォーマンスで安全なアプリケーションを提供できます。

 

 

検索順位の向上:GoogleのCWVのスコアが高ければ高いほど検索順位が向上します。Layer0はその中でも重要なLCPを改善することができます。

 

リテンションとコンバージョンの向上:消費者は遅いサイトを嫌い、速いサイトを好むことから、高速化によってより多くのクリックと高いコンバージョン率を得ることができます。

 

eコマースの収益向上:ショッピングの間に即時の満足感を得られれば、顧客はより多くのアイテムをカートに入れ、より多くのチェックアウトを行うようになり、より多くのリピーターを生み出します。

 

柔軟なベンダー選択:既存のCDNと連携させたり、反復的に移行したり、または完全に移行することが可能です。

 

 

詳細について

 

技術・開発者情報はこちら: https://docs.layer0.co/

Layer0についてはこちら: https://www.layer0.co/

デモのリクエストはこちら: https://get.layer0.co/request-a-demo/