Speed Kit は、トラフィックが多い Web サイト向けのオールインワンページ高速化ツールです。インフラストラクチャに変更を加えることなく、1週間で Web サイトを大幅に向上させ、ユーザーエクスペリエンスの向上、SEO ランキング、およびコンバージョンの改善を通じて即座にビジネス価値を提供します。Baqend社はハンブルクを拠点として、Decathlon、BMW、Carhartt WIP、Intersport のような一流ブランドを顧客に抱えています。

Fastly との連携により Speed Kit はトラフィックが多い Web サイトでの LCP を0.5秒短縮、コンバージョン率が5～10%増加

Web サイトにたどり着いた顧客にとって、時間はとても重要です。そこで登場するのが Speed Kit プラグインです。これはオールインワンのページ速度最適化ツールで、Decathlon や BMW などの一流ブランドが読み込み時間を最小限に抑えて利益を最大化するために役立ちます。

Speed Kit は Shopify、WordPress、Plesk にインストール可能です。

同社は CEO の Felix Gessert 博士の発案で、2012年の大学博士論文から始まり、2014年には BaaS (Backend-as-a-Service) プロダクト (Baqend) へ、そして2017年には SaaS ツールの Speed Kit へと発展しました。

Fastly との連携により、Speed Kit は素晴らしい結果を生み出し、パフォーマンスを向上させ、コンバージョンを増やし、大幅なデータ送信コスト削減を実現できるようになりました。さらに、Speed Kit は、私たちが想像していなかったような革新的な方法で Fastly を活用しています。

課題

プラットフォームを選ぶには経験が必要

Felix 氏は Speed Kit をプラットフォームと考えています。いくつかの点で、この基本的なユーティリティは、強力な CDN やその他のシンプルで強固な構成要素を提供するパートナーを探す際の指針となりました。

「Speed Kit は、エンドユーザーが読み込み時間を感じなくなるレベルに Web サイトを引き上げるために必要な構成要素です。私たちはそう考えています。私たちの最終目標は、Web サイトの読み込み時間を100ミリ秒程度にまで短縮することですが、現在の業界標準はこの目標には程遠い状況です。すべての中心にあるのはアクセラレーションですが、私たちは目指す領域を「エンドツーエンドのパフォーマンスプラットフォームとなること」へと広げました。これにはオブザーバビリティやモニタリングも含まれます。最初は『パフォーマンスはどの程度のものか』『リアルタイムのユーザーモニタリングデータはどのようなものか』『低い処理速度のせいでどのようなユーザーエクスペリエンスの問題が生じる可能性があるか』といった質問から始め、最終的に自動アクセラレーションの実装までつなげます」

Speed Kit の SaaS をエンタープライズの顧客に提供するためには、当初、3つの分野に優れているコンテンツ配信ネットワーク (CDN) が必要でした。それは、エッジで複雑な計算を実行する柔軟性、ほぼ瞬時に実行されるキャッシュ無効化、そしてドイツで一元化されたクラウドロケーションから、パフォーマンスを低下させずに、世界中の顧客にサービスを提供できる機能です。

これらの基準は極めて重要でした。高性能なグローバルキャッシュインフラストラクチャがなければ、Speed Kit のアクセラレーションはブラウザ経由でしかできず、データがユーザー間で共有されないため、効果が低下します。選択肢は、自社プラットフォームに合わせて高度にカスタマイズ可能な CDN を選ぶか、独自のキャッシュインフラストラクチャを構築するかのどちらかでした。そして幸いなことに、Baqend は前者の選択肢、それも Fastly の CDN を選びました。

ソリューション

Felix 氏は次のように説明しています。「キャッシュの研究を進める中で、私たちはすべての大手 CDN の機能とリバースプロキシキャッシュソリューションを調べました。その中で、Fastly ではキャッシュ無効化アルゴリズムの内部構造やインスタントパージなどの機能についてオープンなコミュニケーションを進めており、私たちはそのことを常に高く評価してきました。Fastly では、提供するすべての機能がよく考え抜かれ、非常によくテストされているため、おそらく最もエンタープライズフレンドリーな CDN であると言えます。Cloudflare や Akamai のような他の CDN は緩く結びついた機能の束のように感じられますが、Fastly は非常に安定しており、拡張性があり、私たちが安心して使用できるコア機能が組み合わされています。CDN、VCL と Varnish に基づく非常に柔軟なキャッシング、Next-Gen WAF、そして我々が使用するエッジプラットフォームの各要素。そのすべてが、私たちが作り上げようとしているものの素晴らしい基盤となります」

Fastly の CDN は Speed Kit の既存のスタックやプラットフォームの設定にも適合します。インフラストラクチャの中核部分はフランクフルトの AWS で稼働しています。分析スタックは AWS 上に構築されています。また、EC2、ストレージ用の Amazon S3、AWS Athena などのいくつかの AWS サービスを使用しています。

Speed Kit は、顧客ごとに、複数のコンテナ化されたアプリケーションサーバーを実行しています。これらのサーバーへのトラフィックの分散は Fastly が行います。複数のシステムにより、Speed Kit のアセットを迅速かつ安定して提供します。また、キャッシュミスやデプロイなどの更新時には、Speed Kit が顧客のオリジンから直接リソースを取得し、Fastly のキャッシュとブラウザのキャッシュに保存されているデータを常に最新の状態に保ちます。

Fastly の CDN がデプロイされてから、Baqend はすぐに Fastly の他のプラットフォームが Speed Kit の中長期的なビジョンにどう役立つかの検討を始めました。そして今、Speed Kit は Fastly をいくつかの目的で使用しています。

1. CDN: Speed Kit リソースの提供に使用します。

2. WAF: 元のサーバーへのリクエストが「クリーン」であることを確認するために使用します。

3. Compute: Web サイトコンテンツの効率的な予測的プリロードに使用される「圧縮辞書」に関連する高度なユースケースに使用します（後ほど詳しく説明します）。

主な調査結果

Fastly を活用した Speed Kit の成果は全体的にすぐれたものとなりました。たとえば、一般的な顧客の Fastly キャッシュヒット率は98％ となりました。

Fastly Next-Gen WAF は、いくつかの重要な方法で Speed Kit を強化します。第一に、SQLインジェクションのような従来の攻撃ベクトルから、オリジンに対するリクエストを保護します。そのため、このようなリクエストはすべて Next-Gen WAF によって事前にフィルタリングされ、顧客のオリジンに送信されるトラフィックはクリーンな状態になります。第二に、パフォーマンスデータに大きく依存しているため、ユーザーベースのどの部分がボットであるかを理解することが重要です。これは指標や測定可能性を歪める可能性があるためです。Next-Gen WAF のボット信号と Speed Kit 独自のボトルを組み合わせることで、ボットを簡単に識別し、ユーザージャーニー全体を追跡することで、モデルの偽陽性率がゼロになるよう調整します。

そして重要なのはスピードです。こちらはどうでしょうか？

以下のグラフは、Fastly で強化した Speed Kit のアクセラレーションを導入する前後での、ある世界的な自動車企業の LCP の結果を比較したものです。

ユーザーエクスペリエンスの面では、Speed Kit は Fastly を使用することで、通常の LCP を0.5秒短縮でき、顧客満足度が大幅に向上します。

様々な業界において、Speed Kit では LCP が100ミリ秒改善されるごとにコンバージョン率が1〜2％向上することが測定されました。

すばらしい数字です。しかし、さらに魅力的なのは、Speed Kit が Fastly CDN を活用して、予測的プリロードと呼ばれるものを作成していることです。これは Web サイト訪問者にとっては水晶玉のようなものです。Speed Kit が顧客の Web サイトにロードされると、Speed Kit はすべてのユーザーインタラクションを追跡し、過去のすべてのジャーニーや、ユーザーがどのようにマウスを動かしたりリンクにカーソルを合わせたりしたかを把握します。このクライアント側のデータを機械学習モデルと組み合わせることで、Speed Kit はユーザーが次にどこへ移動するかを予測できます。

一方で、一部のサイトでは大量のプリロード処理が行われています。例えばオンラインショップでは、50ページに及ぶこともあります。これを軽減するため、Speed Kit は Fastly Compute を使用して Web サイト固有の圧縮辞書を作成し、データ量を20％のサイズに削減することで、ネットワーク経由で転送されるバイト量を80％を少なくしています。古い一般的な圧縮形式をカスタマイズされた圧縮辞書に変換するには、エッジで多くのロジックを実行する必要があり、VCL や他のCDNプラットフォームの従来のリクエスト処理では不可能です。

Speed Kit と Fastly の未来

では、Baqend、Speed Kit、Fastly の未来はどうなるのでしょうか?Felix 氏は水晶玉でその答えを占うことはできませんが、それでも前向きな気持ちでいます。

「私たちはこのまま Fastly の活用を続けます。それは間違いありません。次の問題は、私たちが取り組んでいる残りのプロジェクトを完全に Compute に切り替えるかどうかでしょう。そして、私たちはプロダクトのさまざまな要素を使用しています。例えば、データに敏感な顧客が多いため、新しいコンプライアンスルーティングは興味深い機能です。しかし、Fastly が本当にすばらしい点は、私たちがすべてのプロダクトチームと非常に緊密に連絡を取り合っているということです。今後数年かけて構築する可能性のあるものについても、すぐに電話をかけて、実際に対応可能かどうかを確認できます。当社では、単にアカウントマネージャーを通じて要望を伝えるだけではなく、エンジニアと直接話し、実際の構築に携わる機会を重視しています」