Диспетчер тегов Google и производительность загрузки страницы: снижает ли он производительность в PageSpeed Insights?
Я знаю, что это может показаться немного расплывчатым, но я собираюсь дать больше контекста: в компании, в которой я работаю, мы используем (я лично считаю, что мы неправильно используем) Диспетчер тегов Google (GTM) для внедрения некоторых сторонних скриптов внутри Теги GTM. В основном мы используем его для управления DOM в определенных шаблонах страниц (например, на страницах продуктов) и внедрения сторонних скриптов (например, чат Zopim, пиксель Facebook и т. д.…).
Обычно мы выполняем следующие действия: манипулируем DOM, когда события DOMContentLoaded и / или load происходят при загрузке страницы, поэтому мне кажется очевидным, что без этих тегов GTM наш сайт получит лучший результат в PageSpeed Insights и Маяк Chrome DevTools. Я не могу протестировать веб-сайт без активированных тегов GTM, так как он уже везде на сайте.
Насколько такое использование GTM вредит скорости нашего сайта?
Ответы 3
GTM предназначен для внедрения тегов, поэтому это не является злоупотреблением.
Сама по себе GTM - всего лишь механизм доставки; это один файл JS (я думаю, что пустой контейнер - это примерно 100 КБ в разархивированном виде и 30 КБ для загрузки, если ваш браузер поддерживает сжатие) с механизмом асинхронной загрузки тегов. Само по себе это очень мало влияет на время загрузки страницы.
Конечно, то, что вы развертываете через GTM, может сильно замедлить работу вашего сайта - отчасти потому, что он будет загружать внешние библиотеки, а отчасти потому, что манипуляции с DOM могут вызвать перекомпоновку / перерисовку в браузере. Однако это связано не с GTM, а с тегами, которые вы используете, и произойдет то же самое, если вы интегрировали Zopim и т. д. С помощью других средств.
Итак, будет ли использование большого количества (потенциально плохого [1]) JavaScript замедлять работу вашего сайта? По всей видимости, да. Это вина GTM? Это не так, кроме как в том смысле, что GTM немного упрощает интеграцию неприятных вещей.
[1] Не клянусь против вас, просто маркетинговые теги довольно часто пишутся на ужасно устаревшем JavaScript.
@vcoppolecchia - Согласен на 100%. По-прежнему Google не игнорирует файлы GTM. Удаление GTM улучшает мои показатели PSI (Pagespeed Insights) на 5 баллов.
Есть несколько разных способов узнать, как влияет на производительность GTM и сторонние теги.
Через инструменты разработчика
Вы можете заблокировать gtm.js в инструментах разработчика вашего браузера. Это предотвратит загрузку диспетчера тегов Google и связанных тегов. Вы можете узнать больше об этой функции здесь. Как только вы это сделаете, вы можете запустить Google Lighthouse из своего браузера, чтобы увидеть, как улучшаются ваши результаты.
Через Webpagetest
Вы также можете использовать Webpagetest, чтобы узнать производительность без сторонних тегов. Webpagetest имеет функцию блокировки запросов, или вы можете использовать следующий скрипт Webpagetest, чтобы проверить производительность только с вашими собственными доменами.
blockDomainsExcept yourwebsite.com
navigate https://yourwebsite.com
Это необходимо для измерения влияния на производительность ваших сторонних скриптов. Вы, вероятно, получите аналогичные результаты, если включите сторонние скрипты прямо на свой веб-сайт без использования GTM. При этом есть способы оптимизировать настройку GTM для повышения производительности и в полной мере использовать функции диспетчера тегов для повышения производительности вашего веб-сайта. Вы можете проверить эту статью, если вы заинтересованы в оптимизации вашей настройки GTM.
хороший момент относительно блокировщика ресурсов внутри DevTools, очень полезно! :) Я читаю статью, на которую вы ссылаетесь, и мне интересно узнать о совместимости с браузером таких решений, как использование тега <img /> внутри блока <noscript>… </noscript>, вы тестировали его напрямую? Спасибо за ваше усилие в объяснении всего этого!
Да, это снижает показатели производительности Lighthouse, особенно мобильных. Мы должны быть очень осторожны при добавлении GTM на наш веб-сайт, особенно для домашней страницы. Для моего веб-сайта GTM вводил еще 5 JS-файлов из разных доменов. Это увеличивает время приема-передачи (RTT) для нашего приложения и, в свою очередь, увеличивает нагрузку на браузер.
Когда я удалил GTM со своей домашней страницы, он улучшил показатели производительности Lighthouse на 5 баллов. Так что должны быть какие-то предложения / идеи, предоставленные самим GTM, повлияет ли это на наш веб-сайт или нет.
@eikepierstoff Одна из моих основных проблем связана с этим вопросом: Lighthouse / PageSpeed Insights игнорирует или не игнорирует
gtm.js? Я помню времена, когда Google PageSpeed вызывал проблемы с производительностью, связанные с их собственным файлом JavaScript Google Analytics, поэтому я думаю, что они игнорируют не свои собственные файлы js, а только … кто знает! : D Спасибо за ответ!