Оптимизируем фотографии и изображения на сайте

С какими CMS работаем

Оптимизируем изображения на сайтах на Битрикс, WordPress, CMS Made Simple, ModX, Laravel и Тильде. Можем обработать текущие файлы и настроить загрузку так, чтобы новые фото не возвращали прежний вес.

Зачем это нужно

Изображения обычно занимают большую часть веса страницы. Из-за них долго открывается первый экран, медленно листается каталог, на телефоне сайт «думает» ещё до текста. Человек не ждёт и уходит, хотя сама услуга ему подходит.

Проблема почти всегда бытовая. Фото сняли на телефон и загрузили как есть. Баннер поставили в исходном размере. Для маленькой иконки использовали огромный файл. После импорта товаров в карточку попали картинки по 3–5 МБ. В галерее лежат дубли и старые исходники.

Оптимизация фото не заменяет весь аудит скорости. Но часто именно она даёт самый быстрый заметный эффект.

Что делаем

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

Отдельно смотрим главную, баннеры, каталог, карточки товаров и услуг. Именно там тяжёлое фото бьёт по скорости сильнее всего. Служебные иконки и фоны тоже проверяем: они часто незаметны глазу, но постоянно качаются.

Не сжимаем картинки до мыла. Товар, объект и лицо на баннере должны остаться приличными. Если фото уже плохого качества, сжатие это не спасёт — тогда скажем, какие исходники лучше заменить.

Как работаем

Пришлите адрес сайта и страницы, которые открываются медленно. Мы смотрим вес изображений, их формат и то, как они вставлены в шаблон. Затем обрабатываем файлы и проверяем, что визуально страница не просела.

Если фото подгружаются из каталога или через импорт, одного ручного сжатия мало. Тогда настраиваем процесс, чтобы следующие загрузки не забивали сайт заново. После правок проверяем десктоп и мобильную версию: баннер, карточки и галерею.

Перед изменениями сохраняем исходники, если они ещё нужны. Рабочие фото не удаляем «для чистоты», пока не понятно, что это дубли или старые файлы.

Результат

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

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

Выполненные работы