使用 Netlify Edge Functions 进行 A/B 测试

[shaownhasan]

Sam Bhagwat：这句话很棒。我发现我们已经到了最小时。谢谢大家的 台湾电话号码几位 到来。我们真的很高兴能进行这次对话。感谢您加入我们。这真的是一种乐趣，就像深入研究这些复杂组织的复杂性一样。


A/B 测试是一种实验技术，用于在页面或用户旅程的两个版本之间拆分网站流量，以确定哪个版本在预定义目标（例如点击率、注册或转化）方面表现更好。通过向不同的用户组随机显示页面的不同版本并测量结果，A/B 测试可以提供有关用户行为和偏好的宝贵见解，帮助您在受控环境中做出有关设计和内容的数据驱动决策。

A/B 测试可以通过多种方式实现，并且通常涉及使用第三方工具通过客户端 JavaScript 修改页面。这通常会导致在 JavaScript 加载之前出现不良的“无样式内容的闪现”(FOUC)，或者原始页面的闪现，并且通常意味着浏览体验变慢，这可能会扭曲您的测试结果。

在 Netlify，我们为您提供了一种更强大的方式来运行 A/B 测试，无需使用第三方工具将用户分为测试桶并显示不同的测试变体，也无需额外的客户端 JavaScript，尽管这是一种常见技术其他流行的服务可能会影响性能并使您的结果无效。

使用 Netlify Edge Functions，您可以通过设置浏览器 cookie 将用户分配到测试存储桶来运行 A/B 测试，并在页面请求到达浏览器之前根据这些 cookie 动态修改页面请求。这种方法的好处包括：

能够在请求时修改静态预生成的页面；
测试变体（页面、组件等）和分割流量的代码存储在您的代码存储库中——而不是存储在没有版本控制的第三方工具中；
测试桶中的用户在浏览器中看不到 FOUC 或遇到任何可能影响测试结果的渲染性能下降；
变体亲和力——在 A/B 测试处于活动状态时，用户将在整个浏览会话和回访过程中获得一致的体验；
能够将这种方法与任何前端框架或根本没有框架一起使用！ （如果您使用 Next.js，我们建议使用 Netlify 的 Next.js 高级中间件，如本教程中所述。）
在这篇文章中，我们将使用 Netlify Edge Functions 对同一面向用户的 URL 提供的不同页面布局运行 A/B 测试。要在进入示例用例之前阅读 Netlify Edge Functions，请查看 Edge Functions 文档，或在边缘增强页面的好处。