返回博客

Engineering & Performance

Categories

7 分钟阅读Engineering & Performance

可见性状态转换:在没有可靠 Beacon 的情况下测量页面浏览

pagehide、visibilitychange 与 Beacon API 在各浏览器中的行为并不一致。本文讲解如何在不使用 Cookie 和持久标识符的前提下,可靠地记录会话结束。

阅读更多
6 分钟阅读Engineering & Performance

Sec-GPC 请求头如今无处不在:面向分析的服务端检测

Global Privacy Control 以 Sec-GPC 请求头的形式随每个请求发送。本文讲解如何在边缘读取它,并在无 Cookie 的分析管道中予以尊重。

阅读更多
6 分钟阅读Engineering & Performance

Timing-Allow-Origin:分析工具在 Resource Timing API 中能看到什么

Timing-Allow-Origin 请求头控制着页面能读取多少跨域计时细节。以下是它对隐私优先性能测量的意义。

阅读更多
7 分钟阅读Engineering & Performance

Speculation Rules 与预渲染:分析工具在预取页面上的常见误区

Chrome 的 Speculation Rules API 可以在用户点击之前就渲染页面。以下介绍它如何扭曲简单的分析数据——以及无 cookie、基于边缘的测量如何保持真实。

阅读更多
4 分钟阅读Engineering & Performance

你的分析脚本很可能正在禁用前进/后退缓存

前进/后退缓存让后退按钮的导航近乎瞬时,但只要一个 unload 监听器就能让整个页面失去这项能力。罪魁祸首通常是跟踪脚本——而 CrUX 现在能衡量它造成的损失。

阅读更多
5 分钟阅读Engineering & Performance

你的分析脚本,正是 Content-Security-Policy 上的那个漏洞

严格的 CSP 能堵住 XSS,但一个第三方分析标签又把它重新打开。本文解释为什么主机白名单和缺失的 SRI 会削弱你的策略,以及第一方追踪器如何修复它。

阅读更多
5 分钟阅读Engineering & Performance

HTTP 层的默认隐私:缩小追踪面的响应头

两个响应头——Permissions-Policy 和 Referrer-Policy——决定了你的页面会向广告技术和第三方泄露多少信息。设置一次,监控面便默认关闭。

阅读更多
4 分钟阅读Engineering & Performance

INP 惩罚沉重的分析脚本:为什么你的追踪器在主线程上

Interaction to Next Paint 是最多网站未能通过的 Core Web Vital,现场数据显示行为追踪脚本是主要原因之一。解决办法是减少发送到主线程的工作量。

阅读更多
3 分钟阅读Engineering & Performance

Soft Navigations:用浏览器的方式衡量 SPA 性能

Chrome 的软导航启发式终于让 Core Web Vitals 能够附着到客户端路由切换上。本文讲清这套 API 如何工作,以及如何在不进行监控的前提下衡量它。

阅读更多
4 分钟阅读Engineering & Performance

为 Astro 站点添加隐私优先分析

Astro 的 View Transitions 会悄无声息地破坏标准分析脚本。这里是无需 cookie 或同意横幅即可追踪每次路由变化的正确方式。

阅读更多
4 分钟阅读Engineering & Performance

为 SvelteKit 应用添加隐私优先分析

SvelteKit 2 与其他框架的客户端导航拦截方式不同。这里是无需 cookie 或同意横幅即可追踪路由变化的正确方式。

阅读更多
5 分钟阅读Engineering & Performance

2 KB 分析追踪器如何让你的 Core Web Vitals 保持绿色

传统分析脚本足够沉重,会影响你的 Lighthouse 分数。这里讲述轻量级追踪器有何不同——以及为何这对真实用户很重要。

阅读更多
4 分钟阅读Engineering & Performance

为 Next.js 应用添加隐私优先分析

一步步指导你将 Monoid 集成到 Next.js 中,无需 cookie、同意横幅或合规烦恼。

阅读更多