Yandex Metrica致Core Web Vitals异常，如何兼顾网站速度与访客分析？

• 延迟加载统计脚本
  别在页面刚加载就启动Yandex Metrica，等页面DOM加载完成后再动态注入脚本。这样不会阻塞页面初始渲染，能有效降低LCP指标的负面影响。示例代码：

  document.addEventListener('DOMContentLoaded', function() {
    const script = document.createElement('script');
    script.src = 'https://mc.yandex.ru/metrika/tag.js';
    script.async = true;
    document.body.appendChild(script);
    
    window.ym = window.ym || function(){(ym.a=ym.a||[]).push(arguments)};
    ym(XXXXXX, 'init', {
      clickmap:true,
      trackLinks:true,
      accurateTrackBounce:true
    });
  });
  

  注：代码中的XXXXXX替换为你的Metrica计数器ID。

• 给脚本加异步/延迟属性
  如果直接在HTML里引入脚本，加上async或defer属性：

  <script src="https://mc.yandex.ru/metrika/tag.js" async></script>
  

  async让脚本后台下载，完成后立即执行；defer会等页面解析完再按顺序执行，按需选择即可，两者都能减少对初始渲染的阻塞。

• 关掉非必要的追踪功能
  进入Yandex Metrica后台检查设置，把不需要的功能关掉——比如滚动深度追踪、非核心的表单交互追踪等，减少脚本需要处理的事件量，降低运行时的性能消耗。

• 切换到精简模式
  Yandex Metrica提供精简版脚本，体积更小、运行更轻量化。在后台设置里切换过去，牺牲一些次要功能换取性能提升，核心的访客统计能力会保留。

• 优化脚本缓存策略
  确保服务器对Yandex Metrica的脚本设置合理的缓存规则，让浏览器能缓存该脚本，避免每次加载页面都重新下载，减少网络请求开销。

内容的提问来源于stack exchange，提问作者Luke Austin