Анализ сайта – долгая загрузка сайта

Обратились с просьбой ускорить загрузку сайта, так как сайт очень долго грузится.

Запустил анализ сайта в Google PageSpeed.

Результат особо не удивил, все показатели в красной зоне.

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

Сайт на Tilde, сайты собранные на этом конструкторе достаточно часто грешат этой проблемой, почти все фотографии загружены в формате png. Думаю проблема в том что тильду часто используют новички которые не имеют большого опыта по работе с сайтами, соответственно информацией об оптимизации картинок они не обладают. Но ничего страшного, учиться никогда не поздно. Более подробно об оптимизации изображений я написал в этом посте Оптимизация изображений для сайта.

Изображений набралось аж на 18 с лишним мб, при правильной оптимизации изображений, потенциальная экономия почти 15 мб. Это если переконвертировать в нужный формат, а если ещё перед конвертацией фото оптимизировать по размеру то можно и больше экономии достичь.

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

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