Ускорение сайта через отложенную загрузку тегов Google Tag Manager + JavaScript

Проблема:

Довольно популярная задача - все хотят, чтобы их сайт загружался быстрее. Обычное дело это - долгая загрузка сайта из-за большого количества лишнего кода, тегов разных систем аналитики или рекламных систем.

Решение:

Создание специального кода, который бы откладывал загрузку аналитики и рекламы на поздний срок, чтобы сайт и контент успел прогрузиться. Для этого необходимо создать тег типа "Пользовательский HTML" с кодом отложенной загрузки (1,5 сек) и триггером "окно загружено" для каждого тега, который загружается слишком долго, например, Fb pixel


<script>
  (function() {
    try {
      window.setTimeout(function(){
        dataLayer.push({
          'event' : 'Fb_pixel_afterLoad_1500'
        });
      }, 1500);
    } catch (err) {}
  })();
</script>

Где 'Fb_pixel_afterLoad_1500' - название нашего события, которое мы будем использовать в дальнейшем (может быть любым, но по правилам JavaScript). Запомнить.

2. Создаем триггер типа "специальное событие" и вводим название события которое мы запомнили ранее.

Вставляем наше название события, которое мы придумали в коде ранее.

3. Теперь созданный триггер мы должны добавить в тег с кодом пикселя или другого тега, который мы хотим отложить в рамках загрузки

Вуаля, теперь теги к которым мы добавили этот триггер загрузятся позже контента сайта.