如何实现GA4代码不向Google Lighthouse及PageSpeed展示？

原来针对UA的方案核心就是通过用户代理（User-Agent）判断屏蔽Google的性能检测爬虫，这个思路完全可以复用在GA4上——只需要把GA4的官方代码套进原有的判断条件里就行。

完整实现代码 #

// 排除PageSpeed Insights和Chrome-Lighthouse爬虫
if (navigator.userAgent.indexOf("Speed Insights") === -1 && navigator.userAgent.indexOf("Chrome-Lighthouse") === -1) {
    // GA4 初始化逻辑
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-<替换为你的GA4测量ID>');
    
    // 动态加载GA4脚本
    const gaScript = document.createElement('script');
    gaScript.async = true;
    gaScript.src = 'https://www.googletagmanager.com/gtag/js?id=G-<替换为你的GA4测量ID>';
    document.head.appendChild(gaScript);
}

逻辑说明 #

• 保留原有的User-Agent判断逻辑：只有当请求不是来自PageSpeed Insights或Chrome-Lighthouse时，才执行GA4的初始化和脚本加载操作
• 替换了UA的analytics.js为GA4的gtag.js脚本，同时用GA4的gtag初始化逻辑替代了UA的ga方法
• 务必把代码里的G-<替换为你的GA4测量ID>换成你自己的GA4专属ID

这样修改后，既不会影响真实用户的行为统计，又能让Google的性能检测工具跳过GA4脚本的加载，避免因第三方资源加载拖慢性能得分，从而拿到PageSpeed Insights的满分。

内容的提问来源于stack exchange，提问作者Henrik Petterson