用途:审计与优化 Google Tag Manager(GTM)的实现,判断未优化的 GTM 是否造成主线程阻塞和页面体积增大,从而拖慢整体用户体验。当出现页面加载慢、资源过重或渲染延迟并怀疑与 GTM 相关时适用。
主要能力:
- 检查 GTM 是否实现正确,并用 Lighthouse 评估其对页面性能的影响。
- 定位导致不必要网络、CPU 或布局开销的路由、资源与加载行为,指出具体文件、请求或渲染步骤,并说明用于确认问题的测量方法。
- 给出修复方向:清理未使用的标签、使用异步加载、考虑迁移到服务端实现。
- 解释 GTM 如何影响性能,以及如何平衡追踪需求与速度。
使用要点(快速参考):
- 将 GTM 脚本放在 <head>,但需审计其影响。
- 尽量减少标签和触发器的数量以降低执行开销。
- 使用 Server-Side GTM 将处理从客户端卸载。
完整实现细节、代码示例和框架相关指引见 references/rule.md;规则页面:https://frontendchecklist.io/rules/performance/gtm-present。
限制:本资料未提供服务端 GTM 的具体配置步骤、各框架的代码示例、量化性能阈值或测试数据,相关内容暂未提供。