Как исправить производительность веб-сайтов после установки диспетчера тегов Google?

На нашем сайте работает менеджер тегов Google. Раньше я помещал его, а также некоторые другие несрочные сценарии в javascript «setTimeout» 3,5 секунды при загрузке страницы, что было уловкой, которую я использовал для получения фантастических показателей производительности во многих инструментах тестирования производительности. Однако Google Optimize, который также работает, не будет проверяться на нашем сайте из-за задержки в setTimeout — он работает только тогда, когда запускается при загрузке страницы без задержек по таймеру.

После того, как GTM вышел из тайм-аута, он снизил наши оценки производительности примерно с 90 до 20–40.

Я понимаю, что это, вероятно, связано с тем, что загружается в GTM, но у меня нет возможности не загружать туда некоторые из этих элементов.

Мне интересно, есть ли другие способы повысить скорость загрузки страницы в такой ситуации, когда мне нужно, чтобы GTM и Google оптимизировали загрузку страницы. Большинство других элементов производительности на нашем сайте уже оптимизированы, поэтому это падение так шокирует.

Я попытался переместить этот тег GTM в нижний колонтитул, а также настроить его для загрузки с помощью window.onload, но безуспешно. Кроме того, он уже настроен с использованием async.

Это то, что я установил сейчас, но это убивает производительность.

(function () {
            var e = document.createElement('script');
            e.async = true;
            e.src = 'https://www.googletagmanager.com/gtag/js?id=UA-###';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(e, s);

            window.dataLayer = window.dataLayer || [];

            function gtag() {
                dataLayer.push(arguments);
            }

            gtag('js', new Date());

            gtag('config', 'UA-###', {'optimize_id': 'GTM-###'});
        }());

Что вы загружаете в GTM? Если это множество тегов, многие из которых используют пользовательский JavaScript, то это ваша проблема, а не то, как загружается сам GTM. Вы должны запустить веб-страницаtest.org на своем сайте и добавить сюда ссылку. Я также предлагаю вам обратить внимание на опыт пользователей, а не пытаться обмануть инструменты измерения веб-производительности, откладывая сценарии, чтобы они не заметили. Инструменты предназначены для того, чтобы предлагать улучшения, и обманывать их означает только обманывать себя.

Barry Pollard 11.07.2019 08:18
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
3
1
2 270
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете использовать GTM для использования различных триггеров на страницах и связывать различные теги с этими событиями. Триггер просмотра страницы запускается при инициализации GTM. Триггер DOM запускается при загрузке страницы, а триггер Window Loaded запускается при загрузке всех ресурсов. Вы можете использовать их, чтобы отложить запуск некритичных по времени тегов, скриптов и инструментов. Дополнительные сведения об этих триггерах доступны в этом вспомогательная статья.

Другие вопросы по теме