Сайт brus.ru — крупный каталог каркасных и сезонных домов с десятками галерей, разделом «Каталог фотоотчётов» и отзывами клиентов. Картинки на таких сайтах — это и главный вес страницы, и главный тормоз скорости. Мы взяли на себя полный контур оптимизации изображений: собственный WebP-конвейер для статики, перенос и оптимизацию фотографий из ВКонтакте, и отдельную оптимизацию серверных превью phpThumb — и вот что получилось.
Задача клиента была простая: сайт «тяжёлый» — долго грузится на мобильном, теряет позиции и посетителей. Наша команда провела аудит всех типов изображений на сайте, построила автоматический конвейер конвертации в WebP и распространила его на все источники картинок — включая те, что раньше физически нельзя было оптимизировать (фото из ВКонтакте отдавались напрямую с чужого CDN).
Меньше вес страницы — быстрее отклик, особенно на мобильном интернете. Пользователь не ждёт загрузку — уходит к конкуренту.
Быстрее загрузка — меньше отказов, больше страниц за визит. Поисковые системы учитывают это при ранжировании.
Меньше мегабайт на каждую загрузку страницы — меньше расход мобильного трафика у посетителей и меньше нагрузка на хостинг.
Скорость страницы напрямую влияет на итоговую конверсию в заявку — особенно на страницах отзывов и статей, где решается доверие клиента.
Сервер сам отдаёт WebP-версию каждой картинки: каждый <img> оборачивается в <picture> с WebP-сиблингом, а CSS-фоны получают версию через image-set(). Генерация идёт по расписанию (крону) — исходники не трогаются, старые браузеры получают оригинал как фолбэк.
Раньше часть фотографий отдавалась прямо с VK-CDN — там WebP не применить в принципе. Мы перенесли эти изображения на собственный хостинг и тоже стали отдавать их в WebP. Эффект виден на странице отзывов: вес картинок там упал с 59,2 до 5,5 МБ.
Серверные превью-миниатюры, которые генерируются «на лету», оптимизированы отдельно от статики — чтобы покрытие WebP было полным, а не частичным.
Ниже — независимый замер Lighthouse и веса страниц до и после внедрения, по восьми ключевым страницам сайта.
| Страница | Score Δ | LCP Δ | Вес всего, МБ | Картинки, МБ |
|---|---|---|---|---|
| Главная | +3,2 | −72% | 36,2 → 9,4 | 34,3 → 7,5 |
| Каталог проектов | +3,8 | −49% | 33,8 → 15,4 | 32,6 → 14,2 |
| Карточка проекта | +3,8 | −52% | 24,3 → 9,0 | 22,3 → 7,1 |
| Каталог фото-отчётов | +2,8 | −48% | 22,5 → 10,4 | 21,3 → 9,2 |
| Карточка фото-отчёта | +26,4 | −96% | 22,3 → 11,8 | 20,4 → 10,0 |
| Отзывы | +22,0 | −95% | 60,4 → 6,7 | 59,2 → 5,5 |
| Каталог статей | +28,8 | −88% | 8,0 → 4,5 | 6,8 → 3,3 |
| Статья | +23,2 | −44% | 3,0 → 2,3 | 1,7 → 1,2 |
| Метрика | Было → стало |
|---|---|
| Score Δ | +3,2 |
| LCP Δ | −72% |
| Вес всего, МБ | 36,2 → 9,4 |
| Картинки, МБ | 34,3 → 7,5 |
Главная стала легче почти в 4 раза по картинкам — первый экран открывается мгновенно, а не грузит мегабайты.
| Метрика | Было → стало |
|---|---|
| Score Δ | +3,8 |
| LCP Δ | −49% |
| Вес всего, МБ | 33,8 → 15,4 |
| Картинки, МБ | 32,6 → 14,2 |
Каталог с десятками фотографий домов больше не тормозит при первом заходе — вес страницы упал вдвое, а балл Lighthouse ощутимо вырос.
| Метрика | Было → стало |
|---|---|
| Score Δ | +3,8 |
| LCP Δ | −52% |
| Вес всего, МБ | 24,3 → 9,0 |
| Картинки, МБ | 22,3 → 7,1 |
Карточка конкретного проекта — частая точка входа с рекламы — стала легче более чем вдвое: меньше отказов на дорогом трафике.
| Метрика | Было → стало |
|---|---|
| Score Δ | +2,8 |
| LCP Δ | −48% |
| Вес всего, МБ | 22,5 → 10,4 |
| Картинки, МБ | 21,3 → 9,2 |
Каталог фото-отчётов домов легче почти вдвое — посетитель долистывает страницу до конца, а не бросает её на середине из-за долгой загрузки.
| Метрика | Было → стало |
|---|---|
| Score Δ | +26,4 |
| LCP Δ | −96% |
| Вес всего, МБ | 22,3 → 11,8 |
| Картинки, МБ | 20,4 → 10,0 |
Отчёт о стройке — доверительный контент с десятками фото — стал легче почти в 2 раза, а LCP упал на 96%: доказательства работы компании открываются мгновенно, а не полминуты.
| Метрика | Было → стало |
|---|---|
| Score Δ | +22,0 |
| LCP Δ | −95% |
| Вес всего, МБ | 60,4 → 6,7 |
| Картинки, МБ | 59,2 → 5,5 |
Страница отзывов — почти в 9 раз легче по картинкам (совместный эффект WebP-конвейера и переноса фото из ВКонтакте на свой хостинг): отзывы, которые решают доверие клиента, теперь открываются сразу.
| Метрика | Было → стало |
|---|---|
| Score Δ | +28,8 |
| LCP Δ | −88% |
| Вес всего, МБ | 8,0 → 4,5 |
| Картинки, МБ | 6,8 → 3,3 |
Раздел статей стал легче почти вдвое, а Lighthouse вырос почти на 29 баллов — блог перестал быть самой медленной частью сайта.
| Метрика | Было → стало |
|---|---|
| Score Δ | +23,2 |
| LCP Δ | −44% |
| Вес всего, МБ | 3,0 → 2,3 |
| Картинки, МБ | 1,7 → 1,2 |
Даже у лёгкой по весу статьи балл Lighthouse вырос на 23 — оптимизация картинок даёт эффект и там, где веса было немного.
Средний прирост балла Lighthouse Performance по всем измеренным страницам — +12,7. На рекордных страницах прирост кратно выше среднего:
Честно о цифрах: на странице «Отзывы» результат — это совместный эффект WebP-конвейера и переноса фотографий из ВКонтакте на свой хостинг, а не заслуга одного только WebP. Мы не приписываем эффект одной мере там, где он складывается из нескольких — это часть нашей методики измерений.
Ни один исходный файл не удалён и не перезаписан. WebP-версии — отдельные файлы рядом с оригиналами.
Всё, что загружается на сайт после внедрения, получает WebP-версию само, без ручной работы.
Все страницы сайта отвечают 200, вёрстка и раскладка остались целыми — проверено вживую после каждого этапа.
Если браузер не поддерживает WebP, автоматически отдаётся оригинал — разрывов показа нет.
Проведём аудит веса изображений на вашем сайте, покажем прогноз экономии и сроки — без риска для действующего проекта.
Обсудить свой сайт
Оптимизация изображений в WebP
Сократили вес изображений на 60–90% и подняли PageSpeed, не трогая ни одной оригинальной картинки.
новость
Лидеры в отрасли
Заняли 1 место в Рейтинге Рунета 2025 "Разработка и продвижение сайтов" для строительных компаний
новость
Требования РосКомНадзора к сайтам 2025
Что должно быть на сайте организации и как выполнить требования по персональным данным?
+7 (900) 015-57-77
info@bobers.ru
