Vercel 谈 Frontend Cloud 的用户体验:速度、动态个性化与 Edge Network
Vercel 称其 Edge Network 让应用在不牺牲速度的前提下实现动态个性化,每减少 100ms 加载时间可带来 8% 的转化率提升。该网络可异步计算并细粒度缓存用户请求结果,即使外部数据源宕机也能保持可用。配合 Next.js App Router 的组件级缓存与 ISR,可降低 TTFB。
Vercel 称其 Edge Network 让应用在不牺牲速度的前提下实现动态个性化,每减少 100ms 加载时间可带来 8% 的转化率提升。该网络可异步计算并细粒度缓存用户请求结果,即使外部数据源宕机也能保持可用。配合 Next.js App Router 的组件级缓存与 ISR,可降低 TTFB。
健康数据库 Examine 迁移到 Vercel 和 Next.js 后,免费试用注册量几个月内增长 284%,单次构建时间从 15-20 分钟降至 1-2 分钟。团队借助增量静态再生、服务端渲染和 Preview Deployments 改善页面加载与协作流程,代码量从 1,559,255 行降至 189,844 行,构建时间减少 90%。
Vercel 推出虚拟产品导览,让用户在注册或联系销售前就能交互体验产品,导览以交互式幻灯片呈现真实 Vercel UI/UX,登录用户还能看到个性化头像与用户名。移动端改用类似社交媒体的卡片式点击体验,并从头构建无障碍支持,用 aria-live 与 role="status" 通知屏幕阅读器切换幻灯片。
Vercel 发布方案,用 Edge Config 与 Routing Middleware 替代 Google Optimize 做 A/B 测试与个性化。Edge Config 数据平均可在 10ms 内读取,Speedway Motors 借此把 CLS 降低 50%。实验数据仍可接入现有数据方案,文中示例用 `saveData` 上报曝光与点击。
Replit 上周上线封面页视觉更新,Repl 内容改为全高显示并占据更大屏幕空间,评论、打赏等信息移入侧边栏。Replit 称实验中新封面页的访客打赏意愿提升 125%。
程序员兼主播 Rox 在 Railway 博客访谈中介绍了自己的产品:ThumbnailTest 让视频创作者测试多张缩略图以提升点击率,Clipbot 帮 Twitch 主播在 TikTok 和 YouTube Shorts 上获得播放。
PostHog 的 HogMail #21 引用 Brian Balfour 2017 年的观点,指出“做好产品”不足以支撑增长,一味发布新功能会陷入“产品死亡循环”,每次发布效果递减且带不来持续增长。
PostHog 的 HogMail #20 以 AI 编程工具 Kite 为例复盘创业失败:Kite 在达到产品市场契合、拥有 50 万月活开发者后仍宣布关闭,创始人 Adam Smith 认为其早于市场 10 年以上,且五年才实现 PMF 后只顾增长用户、未同步解决变现,最终团队无力推进转型。Kite 源码现已开源。
Plex 将 watch.plex.tv 从 Kubernetes 自动扩缩集群迁移到 Vercel 上的 Next.js,曝光量提升 6 倍,代码行数减少约 40%。
Google 确认 Google Optimize 和 Optimize 360 将于 2023 年 9 月 30 日后停用,并称正为 Google Analytics 4 添加 A/B 测试功能但未承诺上线日期。
PostHog 在 2022 年收入增长近 6 倍,且没有组建任何外呼销售团队,CAC 回收期(含薪资)仅 2 个月,远优于约 12 个月的行业水平。公司目前现金充裕、无需融资即可存活,预计 2023 年实现盈利,目标是在再次融资前以不大幅增加支出的方式达到约 $10M ARR。团队还通过增长团队实验将激活流程提升了 25%。
PostHog 第 17 期 HogMail 汇总了 ICP 打造、应用服务器从三天 MVP 扩展到处理数十亿事件、以及不设专职财务如何管钱等文章。Brainboard 用 PostHog 把转化率提升了 350%,Intercom 则用五年从 $1m ARR 做到 $100m ARR。本期还讨论了可培养与不可培养的特质:大局观、行业知识、自信可以教,而原始智力、情绪反应和工作速度教不会。
PostHog 发布第 16 期 HogMail 通讯,介绍其员工友好型股权激励方案的设计方式,并收录 CEO James Hawkins 关于「讲功能而非讲好处」的观点。
PostHog 官方博客分享了营销团队用 PostHog 自助做分析的 5 个玩法:搭建 AARRR 海盗漏斗、用趋势洞察追踪 UTM 活动、用会话录制观察注册流程、用路径分析还原用户旅程,以及通过邮件或 Slack 订阅仪表盘定期获取报告。这些功能无需 SQL 或 BI 工具,营销团队可自行完成报表与临时分析。
PostHog 建议所有团队优先追踪 5 个事件:Pageviews、Sign-ups、功能采用、Payments 和邀请或分享。Pageviews 可按 UTM 过滤衡量营销活动效果,对比 Pageviews 与 Sign-ups 可测算整体转化率。追踪 Payments 能计算平均客单价(ABV)和 ARPU,PostHog 每月免费提供前 100 万个事件。
PostHog 官方建议把营销网站和产品放在同一个项目里追踪,这样能打通用户从访问到购买的完整旅程,用漏斗洞察对比 pageviews 与 purchases 计算转化率。
basement.studio 为 MrBeast 新商城做设计与开发,用 Vercel、Shopify、Axiom 支撑其超 1 亿 YouTube 订阅粉丝带来的峰值流量,并在 Vercel 平台创下一周内请求量最高站点的记录。
PostHog 营销团队公开了内部用 PostHog 追踪营销网站的做法:2022 年 Q3 目标为每周平均 420 个新组织注册、自然搜索流量达每周 5,000 独立用户、G2 新增 20 条评价。团队用仪表盘监控核心 KPI 与转化率熔断指标,8 月新版定价页使“显示意图”用户从约 25% 跌至约 10%,后经 feature flags 与实验迭代恢复。
Vercel 用 Next.js 与 Edge Middleware 分三阶段上线新版 Templates 市场:Early Access 仅 20% 访客看到新版本,Public Beta 按 50:50 分流,GA 后全量。
PostHog 把公司战略目标从 Nail Enterprise 改为 Nail Self Serve,让各种规模的客户无需帮助即可注册、使用并订阅 PostHog。过去六个月其付费产品收入平均月环比增长 20%,相当于每年 8.9x,成交单笔规模普遍可达 $70k。PostHog 还计划把文档而非 Slack 作为主要支持渠道,推动社区自助。
PostHog 客户成功负责人 Simon Fisher 说明公司已对所有付费方案采用透明定价和自助服务,包括企业版,用户可自助注册 Enterprise 许可证。
Clerk 称其 70% 的开发者用户根本不用 webhooks,也完全不建 users 表,因此把用户数据同步改为实时 API 请求。为压低延迟,Clerk 借 React 前端直接取数、边缘计算把授权跳转压到 15ms 以内,并用 JWT 把会话鉴权做到 1ms 以下,还提供 Supabase、Hasura 等预置 JWT 模板。
PostHog 上线 Experimentation 套件,支持选定目标指标、指定实验人群和时长,并借助 Feature Flags 验证各变体,再用贝叶斯分析给出每个变体成为最佳的概率与统计显著性。
PostHog 用 Gatsby 搭配 Puppeteer,为官网大部分页面动态生成 Open Graph 图片,每天产出数百张预览图,出现在 Twitter、LinkedIn 和 Slack 中。团队采用混合方案:产品页等不常更新的内容用静态图,Docs、Handbook、Blog 等动态内容实时生成。此前全站只放 logo 和品牌元素,浪费了这块社交分享的免费广告位。
PostHog 用 Gatsby 搭配 Puppeteer,为官网大部分页面动态生成 Open Graph 图片,每天产出数百张预览图,出现在 Twitter、LinkedIn 和 Slack 中。团队采用混合方案:产品页等不常更新的内容用静态图,Docs、Handbook、Blog 等动态内容实时生成。此前全站只放 logo 和品牌元素,浪费了这块社交分享的免费广告位。
PostHog 复盘 2021 年:客户达 7,014 名,自然流量增长 800%,净收入留存 300%,CAC 回收期 0.41 年。为跑通付费产品,团队先锁定 5 名按标价付费的参考客户,并据此划清免费与付费产品的边界。创始人亲自做首批销售,快速调整定价、试用、支付与自助购买等环节。
PostHog 在官方博客中拆解产品参与度的衡量方法,指出参与度比收入更能预测留存,并可作为北极星指标。常用指标包括 DAU(日活跃用户)、粘性(DAU ÷ MAU)和功能采用率,其中 churn(流失率)至少需 30 天才能确认用户不再回来。PostHog 提供粘性工具和 feature flags 追踪这些指标。
PostHog 在董事会更新中披露,付费自托管产品已从 8 月目标的 5 家参考客户做到约 10 家,PostHog Cloud 约有 100 名付费客户,累计约 8,000 家公司部署。接下来将加速开源与 Scale 产品增长、提升客单价,并推进 Enterprise 产品,同时用 Hubspot 线索评分搭建部署公司的评分卡。
Moz 发文讲解关键词蚕食(keyword cannibalization):同一站点多个页面争抢同一关键词和搜索意图,会导致排名波动、流量下滑、抓取预算浪费和内链权重分散。文章给出三步排查法,包括用 Moz Pro 的 Keyword Explorer 查看多页面排名的关键词并导出 CSV,以及用免费的 Google Search Console 的 Performance 报告定位问题页面。
Moz 分析了自家 74,810 个排名关键词、10,370 个唯一 URL,发现其中 8,646 次标题被 Google 重写,近 2,000 次实为更新前的截断。作者用三个案例说明 Google 在去除重复品牌、修正 "| SEO | Moz" 等标签上判断正确,但在打乱品牌位置、拆分 "- Whiteboard Friday - Moz" 等场景下重写缺乏必要。
澳大利亚墨尔本一家数字网页设计与转化机构复盘自家官网,发现流量尚可但咨询转化不足,于是从 2019 年中开始优化网站。改动包括把 5-6 秒的加载时间降下来、调整 CTA 位置,并在 26 周内带来超过 $780,000 的新销售机会,业务咨询量提升 37%。
Google My Business 的 Products 功能可让符合条件的中小本地商家在列表中展示商品、虚拟库存(如软件)和服务,并附上 Learn More、Buy、Order Online、Get Offer 按钮。
Moz 的 Ola King 在 Whiteboard Friday 中提出 SEO 的三大“老板”:你的业务、搜索者与搜索引擎,所有 SEO 策略都要服务于这三者的不同需求。业务层面需先明确关键指标与目标,再据此决定做漏斗顶部内容、产品对比页还是优化产品页,同时考虑竞争对手、资源、品牌认知、专业领域、优势与经营时长。搜索者层面则从用户画像出发,匹配搜索意图与相关性。
Moz 发文讲解如何用赛车手思维优化网站页面速度:先给网站减重,减少第三方脚本、换轻量主题、启用 AMP 并压缩图片与代码;再升级托管,用 WP Engine、Flywheel 等托管 WordPress 主机或 VPS 替代廉价共享主机;最后优化浏览器加载路径。文中引用 Google 数据称,页面加载从 1 秒增至 10 秒,移动端跳出概率上升 123%。
自 2021 年 2 月 18 日起,响应式搜索广告成为 Google Ads PPC 搜索广告系列的默认广告类型,Google 称使用它的广告主可获得最多 10% 的点击和转化增长。
用 Google Analytics 计算 SEO ROI 需跟踪两类数据:KPIs 与当前 SEO 活动的成本,并按月复盘以优化策略。GA 的页面价值(Page Value)把一次会话中产生交易的页面平均分配金额,例如 Page B 单次浏览带来 $100 电商收入加 $10 目标价值即 $110,随数据增多会重算。
PostHog 分享了自己从多次转型到做出产品分析工具、最终拿到前 10 个付费客户的过程。做法是先挖掘 LinkedIn 和前同事等熟人关系,再进入目标开发者聚集的社群和线下会议,只针对最相关的潜在客户。
Replit 公布首期 Replit Ventures 结果:10 天内收到 400 多支团队申请,最终选出 5 家创业公司和 1 家非营利组织,部分团队被全球顶级加速器录取或拿到 $1mm+ 融资意向。Nisawa 在四周内把每周配送量从 96 单增至 251 单,周均增长 27.2%,全靠口碑;PetCode 推出全新高级套餐,50% 客户转化为付费订阅。
Clerk 分析自家预置登录 UI 数据后发现,社交登录平均约 5 秒完成,邮箱加密码约 8 秒,而无密码流程平均约 35 秒,因此建议将无密码仅作为备用方案。调整按钮顺序后,社交登录使用率已超过邮箱密码,上月占比达 52/48。Clerk 还发现 15.9% 的社交登录用户同时用过其他方式,其中 2/3 最初用密码注册。
高中生宠物科技团队 PetCode 参加 Replit Ventures(RV0)后,把"一站式宠物管理"收缩为"智能宠物标签",落地页转化率提升 15-20%。Premium 方案也重做,聚焦被动安全功能,例如在宠物走失时向 6,000 家收容所网络发送最新联系方式。