Ivan Sidorov
Я как бы в дебаты конечно вступать не хочу,есть более значимые факторы которые влияют на загрузку, конечно же палить я их здесь не буду)
А что, способы оптимизации скорости загрузки - какая-то тайна?
Несколько принципов получение 100/100 в PageSpeed insight для десктопа и мобильной версии:
1) Минимальная вложенность элементов друг в друга
2) Отказ от библиотек в сторону нативного js и минимазации кода
3) Все скрипты и стили не используемые в рендеринге страницы выносятся в футер
4) Серверный рендеринг страницы (для 90% сайтов это и так по умолчанию)
5) Принцип повторноиспользуемых блоков в верстке, стиле и js, для минимизации итого кода
6) Сжатие всего и вся (css, js, img, html)
7) Ленивая загрузка изображений с помощью нативного loading="lazy", вышедшего на Chrome пару недель назад и нативного IntersectionObserver там где не поддерживается loading="lazy".
8) Помимо ленивой загрузки изображений и их сжатия, можно еще с помощью тегов <picture> и <source> настроить использование разных форматов изображений и их разрешение в зависимости от ширины экрана и устройств. Логично под мобильную версию отдавать меньшее разрешение картинки , чем под десктопную, и отдавать wbep вместо jpeg там где это поддерживается.
9) Перенос к себе на хостинг всех пикселей и метрик и их объеденение в один файл для минимизации запросов на сервер
10) Аналогичное объеденение стилей
11) Взять нормальный хостинг со всеми современными технологиями сжатия и увеличение скорости
12) Настроить нормальное кеширование на сайте.
Все очень легко и просто. 100 из 100 получите, а еще больше ускорять не имеет смысла