Оптимизированная установка GA4
Калькулятор влияния на производительность
Стандартная установка
Время загрузки скрипта:340ms
Блокировка рендеринга:280ms
Влияние на LCP:+450ms
Влияние на INP:+65ms
Итого: +1135ms
С LazyHub оптимизацией
Время загрузки скрипта:120ms
Блокировка рендеринга:0ms
Влияние на LCP:+35ms
Влияние на INP:+8ms
Итого: +163ms
Улучшение производительности: 86%
Пошаговая оптимизация
1 Отложенная загрузка
Загружайте GA4 только после взаимодействия пользователя или через несколько секунд.
❌ Неоптимизированный код:
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script> ✅ Оптимизированный код:
// Загрузка при первом взаимодействии
document.addEventListener('click', loadGA4, {once: true}) 2 Конфигурация для производительности
Настройте GA4 с минимальным влиянием на производительность.
gtag('config', 'GA_MEASUREMENT_ID', {
send_page_view: false, // Ручная отправка
cookie_flags: 'SameSite=None;Secure'
}) 3 Оптимизация событий
Отправляйте только необходимые события и используйте батчинг.
// Батчинг событий
const eventQueue = []
setInterval(() => {
if (eventQueue.length) sendEvents(eventQueue)
}, 5000) Как измерить результаты
PageSpeed Insights
Проверьте влияние GA4 на Core Web Vitals
До и после сравнение
Chrome DevTools
Анализируйте Network и Performance вкладки
Детальный анализ
Real User Monitoring
Отслеживайте реальные метрики пользователей
Полевые данные