Влияние менеджера тегов Google на производительность сети (время загрузки) - PullRequest
Новая
       75

Влияние менеджера тегов Google на производительность сети (время загрузки)

0 голосов
/ 26 марта 2020

Я пытаюсь улучшить время загрузки и производительность моего сайта. Подводя итог, это средняя статистика времени загрузки, которую я получаю, не включая Google Tag Manager.

enter image description here

Однако, когда я просто включаю Google Tag Manager с кодом ниже, который находится внизу моей страницы над закрывающим тегом тела, я вижу соответствующее влияние на производительность, например:

enter image description here

<script async defer src="https://www.googletagmanager.com/gtag/js?id=myappid"></script>
    <script>
      var gaEnv;
      switch (window.location.hostname) {
        case 'production-domain':
            gaEnv = 'production-id'; // production
            break;
        default:
            gaEnv = 'development-id'; // development
      }
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      // Config for analytics
      gtag('config', gaEnv, { 'send_page_view': false });
      // Config for Adwords   
      gtag('config', 'adwords-id');
    </script>

Я читал много постов в блоге о том, как улучшить производительность этих сценариев, используя asyn c и отложить атрибуты, но совершенно очевидно, что они все еще оказывают существенное влияние на производительность (более 2 секунд во время загрузки и 1se c in fini sh time).

Есть что-то, что я пропускаю или могу сделать?

1 Ответ

0 голосов
/ 26 марта 2020

Менеджер тегов Google добавляет узкие места производительности на сайт. Менеджерам продуктов нравится иметь GTM из-за легкости рабочего процесса при добавлении / обновлении / удалении маркетинговых и других слоев javascript на сайт.

Первое, что вы можете сделать, это предварительно загрузить библиотеку GTM в * 1003. * tag.

<link href="https://www.googletagmanager.com/gtag/js?id=myappid" rel="preload" as="script">

Вы также можете добавить dns-prefetch

<link rel="dns-prefetch" href="https://www.googletagmanager.com/" >

Второе и самое важное - не связываться теги в GTM. Вы должны тщательно создать теги в GTM.

Например.

  • Удалите ненужные теги из GTM
  • Переместите постоянные теги, которые редко обновляются, в сам код html.
  • Оптимизация javascript кодов, введенных из GTM
...