Fastly によって未来を見据えたWebサイトの読み込み速度を40%加速させ、ユーザーエクスペリエンスを66%向上させた Strawberry

Webサイトのマイグレーションは、ベストな状態で臨んでも簡単にはいかないことで有名です。まして輝かしい評判を維持しつつ、ユーザーエクスペリエンスの強化に向けて抜本的なリブランディングとサイトのマイグレーションを同時に行う場合、リスクはさらに高まります。

北欧のホテルおよびサービス産業にて伝説を築いてきた Nordic Choice Hotels が2023年に、従来のホテルグループのサービスを新たな領域に拡大する野心的な旅行ブランド「Strawberry」として変身を遂げた際、同社はまさにこの壮大な挑戦に臨みました。同ブランドのサービスには現在、飲食、ショッピング、イベントに加え、コーヒーとスイーツを囲みながら会話を楽しむスウェーデンのコーヒータイム「フィーカ」も含まれます。

何千万回にも及ぶオーガニックな SERP (検索結果ページ) での表示が年間10億 USD の売り上げと1万8,000人のスタッフを支えている Strawberry は、モノリシックなオンプレミスプラットフォームから柔軟性の高いクラウドベースの未来へのスムーズな移行を切望していました。

そこで Strawberry は Fastly CDN と Next-Gen WAF によってパフォーマンスとセキュリティを強化したところ、ランディングページの読み込みが40%加速し、ユーザーエクスペリエンスが66%向上するなど、素晴らしい成果を達成しました。

一方、Strawberry の Fastly への移行は、こうした各パーツを合わせた以上のメリットをもたらしたのです。そこで、このプロジェクトの課題、ソリューション、予想外のメリットについて詳しくご紹介することに価値があると私たちは考えました。

壮大なビジョンに見合ったプラットフォーム

Strawberry のレガシーセットアップでは、IT パートナーが管理する物理ハードウェア上に構築された F5 BIG-IP ソリューションが使用され、このパートナーはプロキシとトラフィックルーティングのルールを含むプラットフォームの設定も担当していました。

しかし、非効率的で古いキャッシュシステムが大きな問題と化していました。ページの読み込み時間における数ミリ秒の改善がユーザーエクスペリエンスとコンバージョン率の飛躍につながる eコマースの領域において、パフォーマンスに深刻な支障をもたらしていたのです。

そのため、Strawberry は新しい (WAF を備えた) CDN を導入することで、レガシー Web サーバーのライフサイクルを延長し、完全な交換が必要になるまでしばらく時間を稼ぎたいと考えました。

結果的に Strawberry は以下の必須条件を含む希望リストを作成しました。

• キャッシュ/パフォーマンスを改善できる


• 古いロードバランサーに関連するセキュリティ脆弱性を排除できる


• セキュリティを強化し、重大なリブランディングの段階でプロアクティブに DDoS 攻撃に対処できる


• テストを自動化し、テスト環境と本番環境を連携させられる

これらの技術的基準を満たすことが不可欠でしたが、実践的なサポートの有無と企業文化の一致も考慮すべき重要なポイントでした。Strawberry は、独立して作業しがちな大手テック企業に任せるよりも、専門家チームと協力し合いながら慎重を要するマイグレーションに取り組むことを望んでいたのです。

Fastly のセールスチームは当初、候補のベンダーの中で最も好ましいアプローチを見せ、業界をリードする技術とソフトスキルの組み合わせが最終的に功を奏しました。契約が完了したところで、Fastly の Senior Security Sales Engineer を務める Nils Boman が加わり、Strawberry のWeb開発を担当する Christian Ek 氏がプロジェクトを進めるのをサポートしました。

成功に向けて準備万端

Strawberry は、2023年3月8日に新しいプラットフォームの最小限の初期設定をプッシュしました。同プラットフォームの稼働開始の期限は5月20日に設定されました。そして非常に迅速かつスムーズなマイグレーションを経て、実際に5月18日までに稼働できたのでした。

Fastly のプラットフォームは GitHub、Terraform、Datadog、Contentful CMS と連動します。当初のプロジェクトの目的は、リブランディングと古いオンプレミスのロードバランサーから移行してパフォーマンスとセキュリティを強化することにありましたが、Fastly とのパートナーシップは予想以上の価値をもたらしました。

Strawberry の Martin Belak 氏は「多くの予想外のメリットを得ることができた」と述べています。「実際にすべてを Terraform と GitHub に置いて3つの異なる環境で新しいバージョンを簡単にデプロイできるようになりました。そして設定やデプロイ、コードを自ら直接管理できるようになりました。ロードバランサーはプロキシで、トラフィックのルーティングはアプリケーションのきわめて重要な部分です。スマートな方法でトラフィックを新しいプラットフォームにルーティングし、古い CMS の一つひとつの機能を移行させるうえで、これらのルールをコントロールできることが欠かせませんでした」(Belak 氏)。

結果に安堵

課題に直面しながらも、Strawberry の Fastly とのパートナシップはすでに優れた成果をもたらしています。マイグレーションを適切に行わないと、オーガニックトラフィックを妨害しかねません。一方、5月に新しいサイトを稼働させて以来、Strawberry はすでに Google 経由で244万人のオーガニックビジター数を記録し、SERP に同社のページまたはリンクが6,200万回表示されました。

リブランディングの最中に __DDoS 攻撃__によってリソースや評判が損なわれる可能性があったため、マイグレーションの期間中、セキュリティに対する意識がこれまで以上に高まっていました。そこで Strawberry は Fastly Next-Gen WAF をブロックモードでまったく問題なくデプロイしました。Strawberry は強力な DDoS 保護に加え、__レート制限、リアルタイムデータや分かりやすく実用的なメトリクスへのアクセス__を含む予想外のメリットが得られ、攻撃を緩和するために即座に変更を実行することが容易になりました。

ホテルの空室情報をリアルタイムで配信している Strawberry には、キャッシュ不可能なエンドポイントがいくつかあり、クローラーやボットの影響を受ける可能性があります。しかし Fastly のレート制限機能により、迅速かつ効果的にこれらを無効化できるため、

オーガニックトラフィックとセキュリティを両立できます。次に、ユーザーエクスペリエンスがコンバージョンを促進することが知られていますが、マイグレーション後のパフォーマンスについて見てみましょう。

• Fastly を導入した結果、平均サーバー接続時間が BIG-IP を使用していた頃の0.06秒から0.02秒に短縮し、これは66%以上の改善を意味します。


• ランディングページの平均ページ読み込み時間が40%以上改善され、BIG-IP 使用時は6.90秒だったのが Fastly 導入後は4.13秒に短縮しました。

Fastly の効果を示す結果はこれだけではありません。Strawberry の NPS (ネット・プロモーター・スコア : 顧客ロイヤリティを示す指標のひとつ) はリブランディングの前は61でしたが、現在は81まで上昇しています。 (Fastly による貢献が大きいと考えられます)

開発者が開発者のために構築

Strawberry のマイグレーションにおいて最も注目に値するポイントのひとつは、Fastly の Nils Boman のようなベテランと比べると比較的業界歴が短い Strawberry の Christian Ek 氏が同社のマイグレーションをリードしたことです。

すなわち、プロジェクトの成功は Ek 氏の才能と Fastly の開発者ファーストのアプローチによるものと言えます。Martin Belak 氏にとって、これは非常に喜ばしいことでした。Strawberry の「勇気をもって行動し、失敗は早いうちにする」という哲学と非常にマッチしていたためです。「Fastly プラットフォームの大きな利点のひとつは、とても簡単に稼働させて運用できることです」と、Belak 氏は述べます。「Christian は今回のマイグレーションにおいて中心的な役割を果たしましたが、彼はシニア開発者ではありません。しかし Fastly のサポートのおかげで、プラットフォームを完全に自分のものにすることができ、これは非常に素晴らしいことです」(Belak 氏)。

一方、Fastly の Nils Boman も Strawberry チームのマイグレーションにおけるパフォーマンスは「スムーズでとても迅速だった」と評しており、両社が互いに尊敬し合っていることは明らかです。

共に成長し続ける Strawberry と Fastly

この意欲的なホスピタリティ企業の次のステップとして何が考えられるでしょうか？

非常に細かいテストが可能なうえ、SEO パフォーマンスに悪影響を及ぼすことなくコンバージョンを促進するユーザーエクスペリエンスを強化できる Compute の採用が自然な進化の流れと言えるかもしれません。より柔軟な構成が可能なアーキテクチャへの移行によって、さらに簡単にコードをインポートして既存のコンポーネントと並行して実行できるようになります。

また、微調整された CAPTCHA ソリューション (近いうちに導入予定) はボットをブロックするのに役立つでしょう。パートナーシップの始まりから互いに魅力を感じていた Fastly と Strawberry が今後どのように一緒に成長して行くのかとても楽しみです。