Pagespeed insights и яндекс метрика

В реактивных сайтах есть один большой плюс - скорость загрузки старницы.

Диагностируем сайт на vue 3 в стадии разарботки.

Страница - оффер юридической услуги по наследству в Москве.

Выглядит достижение следующим образом.

Pagespeed insights и яндекс метрика

Если взять мобильную версию, то показатели гораздо хуже.

анализатор показывает, что родные скрипты жрут ресурсы и в добавок метрика съедает 3 608 мс. setTimeout к сожалению, проблему не решает
анализатор показывает, что родные скрипты жрут ресурсы и в добавок метрика съедает 3 608 мс. setTimeout к сожалению, проблему не решает
Самый простой костыль, которой можно использовать - это событие scroll. 
Самый простой костыль, которой можно использовать - это событие scroll. 

Когда пользователь скролит страницу, - загружаем метрику. Из минусов этого подхода - вебвизов перестает адекватно воспринимать страницу.

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

Третий вариант - не использовать метрику вовсе. Но тут минус в сложности разработки системы аналитики для сайта.

Если кто решил проблему метрики более изящно, буду рад услышать мнение.

Начать дискуссию