7 сентября 2026

Сайт «Мечта-Строй».
−83% объёма МБ при загрузке

Сайт 3 строителя.
−81% объема МБ при загрузке

СК БарсЭкспоСтрой
— сайт стал легче в 12 раз

Быстрее сайт, меньше вес — лучше конверсия и SEO

Сайт sk-bars-stroy.ru — сайт строительной компании «Барс», продающей каркасные дома. Мы перевели изображения сайта в WebP: фотографии каталога домов, фотоотчётов и главной страницы стали не только другим форматом, но и уменьшились до реального размера блока на странице — вместо оригиналов в полном разрешении сайт теперь отдаёт лёгкие, подогнанные под макет WebP-копии. Сравнили пять ключевых страниц — замеры «до» и «после», честный браузерный метод, чистый кэш, отдельно на ПК и на мобильном.

в 12 раз

легче
Главная

21,49 → 1,81 МБ

Главная страница, ПК (−91,6%) · на мобильном в 13,5 раза (21,50 → 1,59 МБ, −92,6%)

в 6 раз

легче
весь сайт

36,40 → 5,95 МБ

Весь сайт — сумма 5 ключевых страниц (−83,7%) · на мобильном в 7,2 раза (36,43 → 5,04 МБ, −86,2%)

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

Страницы замеров:
sk-bars-stroy.ru/ — Главная (с виджетом ВК)
sk-bars-stroy.ru/katalog/karkasnye-doma — Каталог проектов
sk-bars-stroy.ru/katalog/karkasnye-doma/sd034 — Карточка проекта
sk-bars-stroy.ru/foto-otchyoty — Фотоотчёты
sk-bars-stroy.ru/foto-otchyoty/doma-bliznecy-pod-klyuch — Фотоотчёт

Вес страниц и картинок: до и после

Общий итог — сколько данных передаёт страница при загрузке, и отдельно — сколько из этого веса приходится на картинки. Длина полосы — вес страницы «до» (100%), зелёная заливка — экономия после перевода изображений в WebP и их подгонки под реальный размер блока на странице.

Настольные устройства (ПК)

Главная — вес страницы−91,6%

Экономия 92% / 19,68 МБ

До: 21,49 МБПосле: 1,81 МБЭкономия: 19,68 МБ

Каталог проектов — вес страницы−66,9%

Экономия 67% / 1,68 МБ

До: 2,51 МБПосле: 0,83 МБЭкономия: 1,68 МБ

Карточка проекта — вес страницы−77,4%

Экономия 77% / 3,63 МБ

До: 4,69 МБПосле: 1,06 МБЭкономия: 3,63 МБ

Фотоотчёты — вес страницы−55,7%

Экономия 56% / 1,23 МБ

До: 2,21 МБПосле: 0,98 МБЭкономия: 1,23 МБ

Фотоотчёт — вес страницы−76,9%

Экономия 77% / 4,23 МБ

До: 5,50 МБПосле: 1,27 МБЭкономия: 4,23 МБ

Страница	Вес страницы: было → стало	Δ	Вес картинок: было → стало	Δ	Во сколько раз легче
Главная	21,49 МБ → 1,81 МБ	−91,6%	20,87 МБ → 1,18 МБ	−94,3%	в 11,9 раза
Каталог проектов	2,51 МБ → 0,83 МБ	−66,9%	1,89 МБ → 0,21 МБ	−88,9%	в 3,0 раза
Карточка проекта	4,69 МБ → 1,06 МБ	−77,4%	4,07 МБ → 0,44 МБ	−89,2%	в 4,4 раза
Фотоотчёты	2,21 МБ → 0,98 МБ	−55,7%	1,60 МБ → 0,37 МБ	−76,9%	в 2,3 раза
Фотоотчёт	5,50 МБ → 1,27 МБ	−76,9%	4,89 МБ → 0,66 МБ	−86,5%	в 4,3 раза
Итого / среднее по 5 страницам	36,40 МБ → 5,95 МБ	−83,7%	33,32 МБ → 2,86 МБ	−91,4%	в 6,1 раза

Мобильные устройства

Главная — вес страницы−92,6%

Экономия 93% / 19,91 МБ

До: 21,50 МБПосле: 1,59 МБЭкономия: 19,91 МБ

Каталог проектов — вес страницы−69,3%

Экономия 69% / 1,74 МБ

До: 2,51 МБПосле: 0,77 МБЭкономия: 1,74 МБ

Карточка проекта — вес страницы−79,6%

Экономия 80% / 3,75 МБ

До: 4,71 МБПосле: 0,96 МБЭкономия: 3,75 МБ

Фотоотчёты — вес страницы−63,3%

Экономия 63% / 1,40 МБ

До: 2,21 МБПосле: 0,81 МБЭкономия: 1,40 МБ

Фотоотчёт — вес страницы−83,5%

Экономия 83% / 4,59 МБ

До: 5,50 МБПосле: 0,91 МБЭкономия: 4,59 МБ

Страница	Вес страницы: было → стало	Δ	Вес картинок: было → стало	Δ	Во сколько раз легче
Главная	21,50 МБ → 1,59 МБ	−92,6%	20,87 МБ → 0,95 МБ	−95,4%	в 13,5 раза
Каталог проектов	2,51 МБ → 0,77 МБ	−69,3%	1,89 МБ → 0,14 МБ	−92,6%	в 3,3 раза
Карточка проекта	4,71 МБ → 0,96 МБ	−79,6%	4,08 МБ → 0,33 МБ	−91,9%	в 4,9 раза
Фотоотчёты	2,21 МБ → 0,81 МБ	−63,3%	1,60 МБ → 0,19 МБ	−88,1%	в 2,7 раза
Фотоотчёт	5,50 МБ → 0,91 МБ	−83,5%	4,89 МБ → 0,29 МБ	−94,1%	в 6,0 раза
Итого / среднее по 5 страницам	36,43 МБ → 5,04 МБ	−86,2%	33,33 МБ → 1,90 МБ	−94,3%	в 7,2 раза

На мобильном экономия местами чуть выше, чем на ПК: помимо WebP и подгонки картинок под контейнер, у сайта появилась адаптивная отдача изображений (srcset/<picture>) — раньше телефон получал ровно ту же картинку, что и десктоп, теперь получает вариант меньшего размера.

Виджет ВКонтакте на главной — переехал на свой хостинг

На главной странице стоит виджет с фотографиями из группы ВКонтакте. Раньше 4 фото подключались напрямую с серверов ВК (sun9-*.userapi.com) в исходном, полном разрешении — 4,02 МБ суммарно на 4 файла. Эти байты не видны обычным способом замера веса страницы: ВК не открывает чужим сайтам доступ к размеру файла (CORS), но браузер посетителя их всё равно полностью скачивал. Мы скачали эти фотографии на сервер сайта, обрезали и уменьшили под реальный размер блока в виджете и перевели в WebP — теперь сайт сам отдаёт лёгкие локальные копии тех же фото, без обращения к серверам ВК.

−97,4%

экономия
веса

4,02 МБ → 104 КБ

4 фото виджета ВК на главной странице

Что сделано: фотографии из виджета ВК скачаны на сервер сайта, обрезаны/ уменьшены под реальный размер контейнера на странице, переведены в WebP и теперь отдаются локально — 4 116 094 байт → 106 952 байт (−97,4%). Кроме того, в WebP переведена и картинка всплывающей формы заявки (попап): 559 593 → 63 754 байт (−88,6%) — покрытие WebP на сайте буквально 100%.

✓

WebP по всему сайту

Фотографии каталога, фотоотчётов, главной и попапа переведены в WebP — покрытие 100%.

✓

Картинки подогнаны под макет

Изображения обрезаны и уменьшены под реальный размер блока — не отдаём лишние пиксели.

✓

Виджет ВК — на своём хостинге

Фото из ВК больше не тянутся с чужого сервера в полном размере — только лёгкая локальная WebP-копия.

✓

Честная методика

Один и тот же браузерный замер, чистый кэш — до и после, отдельно на ПК и на мобильном.

Экономия веса по каждой странице — ПК и мобильный

Один круг на каждую страницу: зелёный сектор — на сколько процентов упал вес страницы на ПК, серый — то, что осталось от исходного веса. Под кругом — тот же показатель для мобильного.

Экономия веса после оптимизации (ПК) Осталось от исходного веса

92%

Главная
моб.: 92,6%

67%

Каталог проектов
моб.: 69,3%

77%

Карточка проекта
моб.: 79,6%

56%

Фотоотчёты
моб.: 63,3%

77%

Фотоотчёт
моб.: 83,5%

Почему мы не приводим замеры Google PageSpeed: мы сознательно не включили в этот кейс баллы PageSpeed Insights. Причины простые. Даже если прогнать тест несколько раз подряд, PSI не даёт стабильной, повторяемой картины — цифры «плавают» от замера к замеру, и на таком шуме легко случайно нарисовать что угодно, хорошее или плохое. Дальше: картинки — лишь часть общей формулы Performance у Google, и в баллах эффект от WebP почти теряется, хотя для реального человека он огромный — страница весит в разы меньше и заметно быстрее открывается, особенно с телефона и на небыстром интернете. И наконец, на итоговый балл Performance влияет ещё много всего — шрифты, скрипты, сторонние виджеты, — и эти факторы способны полностью перекрыть эффект от оптимизации картинок или сделать его едва заметным на общем фоне. Поэтому мы говорим языком честных и воспроизводимых цифр — вес страницы и доля WebP, — а не подгоняем историю под красивый балл PageSpeed.

Что получил клиент

главная страница стала легче в 11,9 раза на ПК и в 13,5 раза на мобильном;
сайт целиком (5 ключевых страниц) стал легче в 6,1 раза на ПК и в 7,2 раза на мобильном;
виджет ВКонтакте на главной переведён на свой хостинг — вместо хотлинка на полноразмерные фото с чужого сервера отдаются локальные WebP-копии (−97,4%);
WebP подключён по всему сайту, включая попап-форму заявки — покрытие 100%;
на мобильном появилась адаптивная отдача изображений (srcset/<picture>), которой раньше не было.