
Сайт sdbgp.ru — сайт компании «3 строителя», занимающейся постройкой каркасных, брусовых, газосиликатных домов и бань. До оптимизации на сайте вообще не было формата WebP — все фотографии каталога, галереи, отзывов и новостей отдавались в JPG/PNG. Мы подключили WebP по всему сайту и одновременно усилили ленивую загрузку и закрепили размеры изображений (под CLS). Сравнили семь ключевых страниц — замеры «до» и «после», честный браузерный метод, чистый кэш.
7 замеренных страниц — это ключевые шаблоны сайта, по ним справедливо судить обо всём сайте: на долю этих шаблонов приходится более 95% всех страниц sdbgp.ru.
Страницы замеров:
sdbgp.ru/ — Главная
sdbgp.ru/catalog/karkasnye_doma — Каталог проектов
sdbgp.ru/catalog/doma_iz_brusa/d90 — Карточка проекта
sdbgp.ru/galereja — Фотогалерея
sdbgp.ru/otzyvy — Отзывы / Фотоотчёты
sdbgp.ru/otzyvy/tiunova-d.v — Отзыв / Фотоотчёт
sdbgp.ru/novosti — Новости / Статьи
Общий итог — сколько данных передаёт страница при загрузке. Здесь эффект шире, чем только формат WebP: вместе с переводом изображений в WebP усилена ленивая загрузка и закреплены размеры изображений (ширина/высота под CLS) — падение веса страницы это комплексный результат, а не заслуга одного формата. Длина полосы — вес страницы «до» (100%), зелёная заливка — экономия после оптимизации.
| Страница | Вес: было → стало | Δ | Во сколько раз легче |
|---|---|---|---|
| Главная | 15,02 МБ → 2,66 МБ | −82,3% | в 5,6 раза |
| Каталог | 4,34 МБ → 1,69 МБ | −61,1% | в 2,6 раза |
| Карточка проекта | 2,95 МБ → 1,37 МБ | −53,6% | в 2,2 раза |
| Галерея | 2,79 МБ → 1,55 МБ | −44,4% | в 1,8 раза |
| Отзывы | 32,42 МБ → 3,17 МБ | −90,2% | в 10,2 раза |
| Отзыв | 2,25 МБ → 1,35 МБ | −40,0% | в 1,7 раза |
| Новости | 9,94 МБ → 1,24 МБ | −87,5% | в 8,0 раза |
| Итого / среднее по 7 страницам | 69,7 МБ → 13,0 МБ | −81,3% | ≈56,7 МБ сэкономлено, среднее −65,6% на страницу |
Комплексная оптимизация изображений с WebP в основе: WebP + усиленная ленивая загрузка + резервирование ширины/высоты под CLS. Такое сильное падение веса страниц — это сумма всех трёх мер, а не только смена формата картинок.
До оптимизации WebP на sdbgp.ru не было ни на одной странице — 0%. После подключения WebP стал основным форматом фотоконтента: от 28,6% до 80,5% всех картинок на странице (в среднем 56,2% по числу и 48,9% по весу). Остаточные не-webp — в основном шаблонная графика (лого, фоновые паттерны, сезонные баннеры), не фотоконтент. Длина полосы — 100% (страница «до», без WebP), зелёная заливка — доля WebP по весу картинок «после»; под полосой указана та же доля по числу файлов.
В подсчёт не включены технические запросы без расширения файла (трекинг-биконы Яндекс.Карт log.api-maps.yandex.ru) — их включение исказило бы долю WebP в большую сторону.
Средний вес одной картинки на странице снизился на 42,0% в среднем — от 25,2% на «Главная» до 67,9% на «Отзывы». Метод — средний вес одной картинки на странице (общий вес всех картинок / их число), до и после. Точное попарное сравнение одних и тех же файлов невозможно — сайт при конвертации в WebP сменил хэш и суффикс в имени файла, а для части страниц ещё и отдаёт другой пиксельный размер, поэтому пары не выдуманы — использован честный агрегатный показатель.
| Страница | Ср. вес картинки: было → стало | Δ |
|---|---|---|
| Главная | 32,8 КБ → 24,5 КБ | −25,2% |
| Каталог | 26,1 КБ → 18,7 КБ | −28,3% |
| Карточка проекта | 37,7 КБ → 21,4 КБ | −43,1% |
| Галерея | 42,8 КБ → 27,2 КБ | −36,5% |
| Отзывы | 65,1 КБ → 20,9 КБ | −67,9% |
| Отзыв | 30,4 КБ → 20,4 КБ | −32,9% |
| Новости | 66,2 КБ → 26,3 КБ | −60,3% |
Суммарно по 7 страницам количество запросов упало с 1496 до 608 (−59,4%) — меньше файлов означает более быструю и лёгкую загрузку страницы.
Честно о цифрах: ядро эффекта в этом кейсе — перевод изображений в WebP, это хорошо видно по доле WebP (0% → до 80%) и по среднему весу картинки (в среднем 42,0% на файл). Но такое сильное падение веса страниц целиком (−81,3%, 7 страниц) — результат комплексной оптимизации изображений с WebP в основе: WebP + усиленная ленивая загрузка + резервирование размеров изображений под CLS. Мы не приписываем весь этот эффект только формату — это честная сумма трёх мер, применённых вместе.
Было 0% WebP — стало до 80,5% изображений на странице, без потери качества.
Меньше запросов при открытии страницы — до 509 → 177 на «Отзывах».
Ширина/высота изображений закреплены заранее — верстка не «прыгает» при догрузке.
Один и тот же браузерный замер, чистый кэш, RU-регион — до и после, на 7 страницах.
Один круг на каждую страницу: доля WebP среди всех картинок по весу — было 0%, зелёный сектор — сколько появилось после подключения WebP, серый — остаток. Внутри круга — итоговая доля по весу.
Почему мы не приводим замеры Google PageSpeed: мы сознательно не включили в этот кейс баллы PageSpeed Insights. Причины простые. Даже если прогнать тест несколько раз подряд, PSI не даёт стабильной, повторяемой картины — цифры «плавают» от замера к замеру, и на таком шуме легко случайно нарисовать что угодно, хорошее или плохое. Дальше: картинки — лишь часть общей формулы Performance у Google, и в баллах эффект от WebP почти теряется, хотя для реального человека он огромный — страница весит в разы меньше и заметно быстрее открывается, особенно с телефона и на небыстром интернете. И наконец, на итоговый балл Performance влияет ещё много всего — шрифты, скрипты, сторонние виджеты, — и эти факторы способны полностью перекрыть эффект от оптимизации картинок или сделать его едва заметным на общем фоне. Поэтому мы говорим языком честных и воспроизводимых цифр — вес страницы и доля WebP, — а не подгоняем историю под красивый балл PageSpeed.
Смотреть услугу
ускорения и оптимизации там есть всё:
цены, состав работ, сроки и примеры!
Либо просто напишите нам на info@bobers.ru или в онлайн-чат — или звоните +7(900) 015-5777