Влияние Google Tag Manager на скорость страниц

1. Вступление Растущая тенденция среди веб-сайтов - добавить инструмент под названием Google Tag Manager...
2. Рассмотрим ваши варианты
3. Выводы
4. Обновить

Вступление

Растущая тенденция среди веб-сайтов - добавить инструмент под названием Google Tag Manager (GTM). Это позволяет нам прекратить добавлять каждый отдельный скрипт или код отслеживания аналитики на наши страницы, поскольку все это можно сделать через менеджер тегов с помощью веб-интерфейса. Это может упростить нам как разработчикам, потому что нам не нужно добавлять код на сайт каждый раз, когда используется новый инструмент.

Менеджер тегов Google позволяет клиенту или лицу, отвечающему за SEO и маркетинговые кампании, добавлять новые инструменты, не связываясь с использованием для реализации некоторого кода для них. Однако следует помнить о некоторых важных предостережениях.

Запросы перекрестного происхождения и скорость страниц

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

При добавлении на страницу эти инструменты загружают свои собственные изображения и библиотеки js. В некоторых случаях они даже загружают свои собственные шрифты, хотя этот точный шрифт уже используется на сайте (интерком мы смотрим на вас здесь). Когда эти дополнительные запросы сделаны, они считаются запросами перекрестного происхождения к домену, находящемуся вне нашего контроля. Это означает, что мы не можем указывать заголовки истечения срока действия, кэширование запросов или вызывать их из поддоменов cdn.

Тест Google PageSpeed ​​Insights нашего сайта

Как вы можете видеть на скриншоте выше, мы провели тест Google PageSpeed ​​Insights на нашем сайте и достигли бы 100%, если бы не Google Manager. Менеджер тегов Google отвечает за 3 из 4 ресурсов, отображаемых в этом списке. Если бы мы удалили его, мы бы остались с TypeKit, но мы также потеряли бы всю нашу аналитику и тепловые карты сайта.

Понимание того, как посетители используют ваш сайт, может быть очень ценным, но вам не нужно постоянно отслеживать агрессивное поведение. Наш сайт - это компромисс между данными, которые мы должны собирать, и скоростью страниц, он был оптимизирован с учетом обоих факторов. Мы знаем из тематических исследований, проведенных на https://wpostats.com/ эти небольшие изменения в скорости страниц могут иметь серьезные последствия, поэтому мы должны максимально оптимизировать наш сайт.

Проблемы с кэшированием в браузере помечены

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

Это может быть расстраивающим для того, чтобы это произошло после того, как мы потратили так много времени на оптимизацию скорости страниц нашего сайта, которую мы подробно описали в этой статье https://adigital.agency/blog/page-speed-optimisation-and-our-findings-so-far только для того, чтобы отменить его, когда добавлен менеджер тегов Google и на сайт загружены некоторые плохо оптимизированные инструменты, инструменты, за которые мы платим деньги.

Рассмотрим ваши варианты

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

https://wpostats.com/ Сайт показывает, что BBC видел, что они теряют дополнительно 10% пользователей за каждую дополнительную секунду, необходимую для загрузки их сайта. Подробнее об этом можно узнать здесь: http://www.creativebloq.com/features/how-the-bbc-builds-websites-that-scale

Вы можете обнаружить, что определенный ресурс, который собирался использовать на каждой странице, теперь ограничен только тем, что загружается только при запросе определенных URL, например, в разделе блога. Это хороший компромисс, так как преимущества инструмента все еще видны, но производительность сайтов не повреждается везде, где его не нужно использовать.

Например, вы можете включить приложение для мгновенного чата только на странице контактов. Таким образом, он больше ориентирован на людей, которые на самом деле хотят общаться с вами, не мешая всем остальным, когда они просто хотят быстро просматривать ваш сайт без перерыва.

Ориентация ваших инструментов на конкретные URL-адреса и вопрос о том, зачем они вообще нужны, в первую очередь гарантируют, что инструменты не будут добавлены ради этого. Вы должны всегда держать некоторые контрольные цифры сайта от тестов скорости страниц, прежде чем эти инструменты были добавлены. Этот подход будет поддерживать ваш сайт быстро, и если он значительно замедлится, то вы можете показать, что вы не создали медленный сайт.

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

Выводы

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

С помощью нескольких щелчков мыши вы можете перейти от сфокусированного и высокопроизводительного сайта к медленной загрузке страницы, заполненной всплывающими окнами с намерением выхода и приложениями для чата в реальном времени, которые блокируют просмотр вашего контента пользователями и расстраивают их.

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

Полный водопад для нашего сайта

Наконец, на изображении выше вы увидите, что у нас довольно плотный водопад, пока мы не спустимся на полпути вниз. Красные линии - это шрифты typekit, а затем все запросы поступают от хотджара или интеркома. Используя водопад, мы можем визуально увидеть, что интерком является основным нарушителем замедления работы нашего сайта и составляет около половины времени полной загрузки страницы.

Если бы мы удалили домофон, мы бы вдвое сократили время загрузки нашего сайта. Мы сохранили его на месте, потому что мы использовали другие методы, такие как критические CSS, чтобы ускорить нашу страницу, чтобы она отображалась быстрее. Это означает, что вместо того, чтобы видеть белый экран во время загрузки страницы, посетители фактически увидят большую часть контента, и загружается только маленький виджет в нижнем углу экрана.

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

Обновить

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

Тест скорости страницы был запущен почти мгновенно, и вы можете видеть, что обновленный водопад ниже показывает, что время полной загрузки теперь составляет 3,4 секунды вместо 6,5 секунд. Это большое улучшение, если учесть, что все, что произошло, это то, что одна из интеграций в менеджере тегов Google была удалена, и ни один код не был обновлен или изменен. Это показывает, насколько важно учитывать, что вы добавляете в менеджер тегов Google.

Наш новый водопад теперь, когда домофон был удален

Похожие

Комментарии