17 сентября 2026

WebP, lazyload, fetchpriority
— это кто вообще?

Сайт bruss-doma.ru.
Вес снижен в ~5.5 раз!

Сайт brus-center.ru.
Вес снижен в 5 раз!

Адаптивная версия и ускорение
— сайт стал легче в 5 раз!

Сайт brus-center.ru — сайт строительной компании «Брус Центр». До оптимизации у сайта не было адаптивной версии: перед началом ускорения мы сделали её, а затем перевели изображения в WebP, настроили кропы, lazy-load и приоритет загрузки. В ряде блоков применили srcset с media, поэтому браузер получает изображение подходящего размера, а мобильная версия не только корректно отображается, но и дополнительно экономит трафик.

x4 раза

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

19,08 → 4,94 МБ

Главная, ПК (−74,1%) · на мобильном −74,0% (18,13 → 4,72 МБ)

x5 раз

легче
весь сайт
(среднее)

56,51 → 11,70 МБ

Сумма 6 страниц, ПК (−79,3%) · на мобильном −80,1% (56,24 → 11,19 МБ)

x11 раз

легче
Фотоотчёты

17,06 → 1,62 МБ

Фотоотчёты, ПК (−90,5%) · на мобильном −91,1% (16,97 → 1,51 МБ)

Шесть замеренных страниц — основные шаблоны сайта. Сценарий одинаков для «до» и «после»: чистый кэш, холодное открытие, 9 секунд ожидания, без прокрутки и кликов, отдельно ПК и мобильный экран 390×844.

Страницы замеров:
brus-center.ru/ — Главная
brus-center.ru/doma-iz-brusa — Каталог
brus-center.ru/doma-iz-brusa/zvenigorod — Карточка проекта
brus-center.ru/postroili — Фотоотчёты
brus-center.ru/postroili/nedavno-051 — Карточка фотоотчёта
brus-center.ru/otzivy — Отзывы

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

Длина полосы — вес страницы «до» (100%), зелёная заливка — экономия. В вес включены все фактически загруженные изображения, в том числе внешние превью ВКонтакте.

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

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

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

До: 19,08 МБПосле: 4,94 МБЭкономия: 14,14 МБ

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

Экономия 66% / 3,76 МБ

До: 5,66 МБПосле: 1,90 МБЭкономия: 3,76 МБ

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

Экономия 81% / 3,83 МБ

До: 4,70 МБПосле: 0,87 МБЭкономия: 3,83 МБ

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

Экономия 91% / 15,44 МБ

До: 17,06 МБПосле: 1,62 МБЭкономия: 15,44 МБ

Карточка фотоотчёта — вес страницы−69,5%

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

До: 2,49 МБПосле: 0,76 МБЭкономия: 1,73 МБ

Отзывы — вес страницы−78,6%

Экономия 79% / 5,91 МБ

До: 7,52 МБПосле: 1,61 МБЭкономия: 5,91 МБ

Страница	Вес (было → стало)	Картинки (было → стало)	Запросы	Раз
Главная	19,08 → 4,94 МБ −74,1%	4,00 → 1,37 МБ	200 → 167	в 3,9 раза
Каталог	5,66 → 1,90 МБ −66,4%	5,33 → 1,58 МБ	257 → 99	в 3,0 раза
Карточка проекта	4,70 → 0,87 МБ −81,5%	4,39 → 0,56 МБ	123 → 119	в 5,4 раза
Фотоотчёты	17,06 → 1,62 МБ −90,5%	16,65 → 1,21 МБ	676 → 157	в 10,5 раза
Карточка фотоотчёта	2,49 → 0,76 МБ −69,5%	2,19 → 0,46 МБ	169 → 114	в 3,3 раза
Отзывы	7,52 → 1,61 МБ −78,6%	7,20 → 1,29 МБ	281 → 193	в 4,7 раза
ИТОГО (PC, 6 страниц)	56,51 → 11,70 МБ −79,3%	все загруженные изображения	1706 → 849	в 4,8 раза

Мобильные устройства (390×844)

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

Экономия 74% / 13,41 МБ

До: 18,13 МБПосле: 4,72 МБЭкономия: 13,41 МБ

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

Экономия 69% / 4,43 МБ

До: 6,39 МБПосле: 1,96 МБЭкономия: 4,43 МБ

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

Экономия 79% / 3,73 МБ

До: 4,73 МБПосле: 1,00 МБЭкономия: 3,73 МБ

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

Экономия 91% / 15,46 МБ

До: 16,97 МБПосле: 1,51 МБЭкономия: 15,46 МБ

Карточка фотоотчёта — вес страницы−65,9%

Экономия 66% / 1,64 МБ

До: 2,49 МБПосле: 0,85 МБЭкономия: 1,64 МБ

Отзывы — вес страницы−84,6%

Экономия 85% / 6,36 МБ

До: 7,52 МБПосле: 1,16 МБЭкономия: 6,36 МБ

Страница	Вес (было → стало)	Картинки (было → стало)	Запросы	Раз
Главная	18,13 → 4,72 МБ −74,0%	3,82 → 1,15 МБ	187 → 142	в 3,8 раза
Каталог	6,39 → 1,96 МБ −69,3%	6,07 → 1,63 МБ	256 → 100	в 3,3 раза
Карточка проекта	4,73 → 1,00 МБ −78,9%	4,42 → 0,69 МБ	120 → 124	в 4,7 раза
Фотоотчёты	16,97 → 1,51 МБ −91,1%	16,56 → 1,10 МБ	662 → 145	в 11,2 раза
Карточка фотоотчёта	2,49 → 0,85 МБ −65,9%	2,19 → 0,55 МБ	170 → 117	в 2,9 раза
Отзывы	7,52 → 1,16 МБ −84,6%	7,20 → 0,84 МБ	282 → 172	в 6,5 раза
ИТОГО (MOB, 6 страниц)	56,24 → 11,19 МБ −80,1%	все загруженные изображения	1677 → 800	в 5,0 раза

Самый сильный результат — «Фотоотчёты»: вес снизился на 90,5% на ПК и на 91,1% на мобильном. Все 549 превью больше не загружаются сразу: WebP и нативный lazy-loading оставляют в первом открытии только нужные изображения.

Честно о цифрах: сравнивались одни и те же URL в одинаковых условиях. Внешние картинки измерены отдельно и включены в общий вес без двойного счёта. YouTube-превью не изменялись и остались в обеих сторонах сравнения.

✓

Адаптивная версия

До работ её не было. Теперь сайт корректно работает на мобильных экранах.

✓

WebP и точные кропы

Изображения переведены в WebP и подготовлены под размеры блоков.

✓

srcset с media

В ряде мест отдаётся файл подходящего размера — адаптив дополнительно снижает вес.

✓

Lazy-load и приоритет

Изображения ниже экрана отложены, важные ресурсы получают приоритет.

Видео фона на главной

Тяжёлый MP4 заменён современным VP9 WebM. WebM стоит первым источником и загружается браузером, а MP4 остаётся fallback для старых браузеров.

x5 раз

легче
фоновое видео

14,91 → 3,23 МБ

Исходное разрешение 1920×772 сохранено · экономия 78,3%

ВКонтакте на сайте

Внешние превью перенесены на собственный хостинг, переведены в WebP и получили lazy-load. Прямой трафик к VK-хостам снизился с 7,75 МБ до нуля, а локальные копии за шесть открытий занимают около 1,39 МБ на ПК и 1,40 МБ на мобильном.

x6 раз

легче
превью ВК

7,75 → 1,39 МБ

Внешние запросы исчезли, локальные копии кэшируются сайтом

Что сделано

Сделали адаптивную версию сайта, которой раньше не было.
Перевели собственные изображения и фоновые картинки в WebP, подготовили точные кропы.
В ряде блоков подключили srcset с media для выдачи подходящего размера под экран.
Настроили нативный lazy-loading и приоритет загрузки важных изображений.
Убрали лишнюю пагинацию там, где она мешала загрузке, и задействовали нативный кэш.
Перенесли превью ВКонтакте на сервер сайта и оптимизировали фоновое видео.

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