Как подключить аналитику к лендингу и не убить загрузку

Как подключить аналитику к лендингу и не убить загрузку

Давайте разберем под капотом. Главная ошибка — вешать все счетчики сразу в head и ждать, что страница «сама вытянет». Любой лишний JS на старте бьет по LCP, а дальше уже по конверсии. Если лендинг короткий, вы платите скоростью за данные, которые не всегда нужны в момент первого экрана.

Рабочая схема простая: • критичные скрипты — только после рендера первого экрана; • тяжелые пиксели и ретаргет — через async/defer или по событию consent/scroll; • события форм и кликов — через один общий обработчик, а не три независимых. Так меньше запросов, меньше блокировок и меньше шансов сломать воронку.

Что по производительности? Проверяйте не «есть ли счетчик», а как он влияет на Web Vitals: LCP, INP, CLS. Если после подключения аналитики страница стала дергаться, ищите лишние синхронные вставки, дубли тегов и мусорные триггеры. Часто достаточно убрать один лишний пиксель или перенести инициализацию в конец body.

Вердикт для продакшена: сначала скорость, потом расширение трекинга. Логируйте только те события, которые реально помогают принимать решения, а весь «запас на будущее» подключайте после проверки на тестовой копии. Иначе вы получаете не аналитику, а дорогой тормозной балласт.