How to build zero-CLS A/B tests with Next.js and Vercel Edge Config

結合 Next.js Middleware 與 Vercel Edge Config，在邊緣端完成 A/B 測試分流，徹底解決網頁佈局偏移（CLS）問題。

傳統客戶端 A/B 測試常因延遲載入實驗版本而導致網頁佈局偏移（CLS），影響使用者體驗與 SEO。本文介紹如何利用 Next.js Middleware 與 Vercel Edge Config 的超低延遲讀取特性，在 Edge 邊緣端即時決定用戶分流並進行重寫（Rewrite）。這種做法能讓瀏覽器直接接收到最終渲染的 HTML，實現完全無閃爍、零 CLS 的高效能 A/B 測試。

摘要由 AI 整理,以原文為準。