我用 2 KB 脚本取代了 Google Analytics——原因如下

Source: Dev.to

GA4 的问题

• GA4 的脚本大约 45 KB，比大多数优化后的 hero 图像还要大。它会阻塞渲染，影响 Core Web Vitals。
• 到处都是 Cookie —— GA4 会设置 Cookie，这意味着在欧盟、英国、巴西以及越来越多的美国州，你必须依法提供同意横幅。
• 你的数据会喂给 Google 的广告系统 —— Google 使用 Analytics 数据来改进其广告产品。
• 界面太复杂 —— GA4 的学习曲线很陡。大多数人只想知道：访客数量、来源地区以及浏览了哪些页面。

我改用的方案

Web Analyzer App 是一款以隐私为先的分析工具。它的与众不同之处如下：

只需一行代码即可完成部署

就这么简单。无需 npm 包、无需构建步骤、无需 Google Tag Manager 容器、也不需要同意模式配置。

你能得到的功能

仪表盘提供了大多数站点实际需要的全部信息：

• 实时访客 —— 当前正在你站点上的人
• 页面、来源、国家 —— 流量来自哪里
• 会话回放 —— 访客旅程时间线（不是屏幕录制，只是页面流向）
• 目标与漏斗 —— 无需编写代码即可跟踪转化
• 正常运行监控 —— 当站点宕机时收到警报
• SEO 审核 —— 自动发现并修复问题
• 自定义事件 —— 跟踪按钮点击、表单提交、注册等

// 跟踪自定义事件 —— 就这么简单
window.wa('signup_completed', { plan: 'pro' });

隐私如何在没有 Cookie 的情况下实现

我们不使用 Cookie，而是使用访客 IP + User‑Agent + 每日轮换盐值的哈希。这可以在不存储个人数据的前提下统计唯一访客。哈希不可逆，并且每 24 小时重置一次。

没有 Cookie = 不需要同意横幅。 开箱即用即符合 GDPR、CCPA 与 PECR。

性能对比

我在一个干净的页面上使用 WebPageTest 对两段脚本进行了测试：

• GA4： 传输 45 KB，3 次网络请求，主线程阻塞 12 ms
• Web Analyzer App： 传输 2 KB，1 次请求

添加脚本后等待 30 秒，查看你的仪表盘。如果一分钟内没有看到数据，说明出现了问题 —— 请在 联系我，我会帮助你调试。

如果你对以隐私为先的分析、GDPR 合规或从 GA4 迁移有任何疑问，欢迎留言。乐意提供帮助。