企业官网建设流程全解析

如何用 Netlify MCP 让 Continue 对分支运行 A/B 性能测试？

【免费下载链接】continueopen-source coding agent项目地址: https://gitcode.com/GitHub_Trending/co/continue

如果你想在上线前比较main分支和某个 feature 分支在真实流量下的性能差异（Core Web Vitals、转化率等），可以借助 Continue CLI（cn）配合 Netlify MCP 完成：Continue 通过 Netlify MCP 直接调用 Netlify 的 Split Testing 与 Analytics 能力，按你的提示词自动搭建 A/B 测试并汇报结果。适用前提（以官方文档为准）：一个包含 Web 项目的 GitHub 仓库、一个 Netlify 账号（免费套餐即可）、Node.js 22+（Netlify 要求）、已安装 Continue CLI 并配置好 Netlify MCP。

准备条件

依据 Netlify MCP 指南 的 Prerequisites 一节，开始前确认：

• GitHub 仓库中有一个 Web 项目
• Netlify 账号（免费套餐可用）
• Node.js 22+（Netlify 要求；Continue CLI 的 npm 安装路径则要求 Node.js 20+）
• Continue CLI
• 已配置的 Netlify MCP
• Netlify Development Rules（文档标注为推荐项）

安装 Continue CLI 并验证

三选一安装 Continue CLI：

# macOS / Linux curl -fsSL https://raw.githubusercontent.com/continuedev/continue/main/extensions/cli/scripts/install.sh | bash

# Windows irm https://raw.githubusercontent.com/continuedev/continue/main/extensions/cli/scripts/install.ps1 | iex

# npm 跨平台（需要 Node.js 20+） npm i -g @continuedev/cli

安装完成后用下面的命令验证：

cn --version

首次运行cn时会提示登录 Continue 账号或输入 Anthropic API key；也可以单独执行cn login走浏览器认证。

安装 Netlify CLI 并登录

npm i -g netlify-cli netlify login

netlify login完成认证后，后续 Continue 通过 MCP 与 Netlify 交互时才有权限操作你的站点。

配置 Netlify MCP

在 Continue 的配置中加入 Netlify MCP。MCP 配置示例文档 给出的 Netlify 条目如下：

mcpServers: - name: Netlify type: streamable-http url: https://openapi.netlify.com/v1/mcp apiKey: ${{ secrets.NETLIFY_API_TOKEN }}

其中secrets.NETLIFY_API_TOKEN是文档中的密钥引用写法，实际使用时需替换为你自己的 Netlify API token（即你在 Netlify 侧的 personal access token）。配置完成后，可以在 TUI 会话中用/mcp命令查看 MCP 服务器连接状态（见 TUI Mode 文档）。

可选的快捷路径：继续 Netlify MCP 指南 提供预构建的continuedev/netlify-continuous-ai-agent，已内置 Netlify MCP 和性能优化规则：

cn --agent continuedev/netlify-continuous-ai-agent

注意使用前提：该 agent 需要 Continue CLI Pro Plan（带 models 插件），或你自己的 API key 以环境变量方式配置。

验证 MCP 连接

在任意项目目录启动 TUI 模式并测试连接：

cn

进入 TUI 后输入：

Check my Netlify auth and list sites

能列出你的 Netlify 站点，说明认证与 MCP 链路正常，可以继续下面的 A/B 测试步骤。

建立性能基线

A/B 测试前先让 agent 读出现状指标：

Show my site's Core Web Vitals and build times

文档说明 Netlify 会自动跟踪三类指标：构建性能（编译时间、缓存命中）、运行时性能（Core Web Vitals、Time to Interactive）和资源用量（带宽、函数执行时间）。这些是后面 A/B 对比的数据基础。

如果不确定 agent 接下来会做什么，文档建议先用 Plan Mode 试跑提示词：进入 TUI 后按Shift+Tab切换模式，Plan Mode 下只展示 agent 打算执行的操作而不真正执行。

运行分支间的 A/B 性能测试

在 cn 的 TUI 模式中输入以下提示词（原文出自 Netlify MCP 指南 的 Step 2，分支名、流量比例、样本量等可按你的实际情况调整）：

Set up A/B test between main and feature branch on Netlify: - Split traffic 50/50 between branches - Track Core Web Vitals for each variant - Monitor conversion metrics and bounce rate - Enable analytics to measure performance impact - Configure cookie-based visitor persistence - Set test duration for 1000 unique visitors - Auto-conclude test when statistical significance reached Report winner based on performance + conversion metrics

这条提示词的含义是：在 Netlify 上把main与 feature 分支的部署各分 50% 流量，分别跟踪两套 Core Web Vitals 与转化/跳出指标，启用 analytics 量化性能影响，用 cookie 保证同一访客始终落在同一变体上，测试持续至累计 1000 个独立访客、并在达到统计显著性时自动结束，最后要求 agent 基于性能 + 转化指标汇报胜者。执行过程中 agent 通过 Netlify MCP 完成 Split Testing 相关操作，需要修改系统或执行命令的工具调用会按 工具权限规则 逐条请求你批准。

结果判定与限制

• 成功条件来自提示词本身：agent 会输出一份基于性能与转化指标的胜者报告；文档没有给出固定的输出格式或示例数值，实际内容以 agent 运行结果为准。
• Netlify 的 A/B 测试依赖其 Split Testing 与 Analytics 功能，文档中列出的前置条件（免费套餐账号）即覆盖该场景，A/B 测试本身不需要付费的 Netlify Analytics Pro；文档中提到的 Analytics Pro（付费）仅用于后续 RUM 高级监控章节，不属于本任务路径。
• 若只想先看到 agent 的执行计划而不实际部署，随时用 Shift+Tab 切到 Plan Mode 重放同一条提示词。
• 想深入理解配置细节，可参考 MCP servers 说明 与 mcpServers YAML 参考。

【免费下载链接】continueopen-source coding agent项目地址: https://gitcode.com/GitHub_Trending/co/continue