

Сайт mechta-stroy.ru — сайт компании «Мечта-Строй», строящей дома из бруса. Фотографии домов, карточки проектов, отзывы и фотоотчёты со строек передавались тяжёлыми неоптимизированными JPG/PNG. Отдельная системная проблема нашлась в коде сайта: безусловный JS-препрелоадер грузил два лишних тяжёлых JPG (суммарно 464 КБ) на КАЖДОЙ из шести страниц независимо от того, нужны ли они там, а мобильная версия главной отдавала десктопную по размеру JPG-подложку шапки вместо лёгкого мобильного WebP-кропа. Мы перевели изображения сайта в WebP, убрали лишний JS-препрелоадер и подключили мобильный WebP для шапки. Сравнили 6 ключевых страниц — замеры «до» и «после», честный браузерный метод, чистый кэш, отдельно для desktop и mobile.
6 замеренных страниц — это ключевые шаблоны сайта: главная, каталог, карточка проекта, отзывы и фотоотчёты (список и карточка).
Страницы замеров:
mechta-stroy.ru/ — Главная
mechta-stroy.ru/doma-iz-brusa — Каталог
mechta-stroy.ru/doma-iz-brusa/valentin — Карточка
mechta-stroy.ru/otzivy — Отзывы
mechta-stroy.ru/postroili — Фотоотчёты
mechta-stroy.ru/postroili/nedavno-357 — Фотоотчёт
Объём картинок, которые страница передаёт при загрузке — до и после WebP-оптимизации, отдельно для desktop и mobile. За 100% ширины полоски взят вес картинок именно этой страницы «до»: зелёная часть — доля, на которую снизился вес картинок этой же страницы, то есть процент экономии по ней.
Самая тяжёлая страница «до» — «Фотоотчёты» (8,7 МБ картинок и на ПК, и на МОБ), и на ней же самый сильный эффект: на ПК страница стала легче в 30 раз.
В таблицах — фактический вес картинок «до» и «после» по каждой странице, отдельно для ПК и МОБ (реальные замеры, без округления методики).
| Страница | Вес картинок: было → стало | Δ | Во сколько раз легче |
|---|---|---|---|
| Главная | 1 857,0 КБ → 589,4 КБ | −68,3% | в 3,2 раза |
| Каталог | 3 936,0 КБ → 716,9 КБ | −81,8% | в 5,5 раза |
| Карточка | 1 803,5 КБ → 619,1 КБ | −65,7% | в 2,9 раза |
| Отзывы | 925,6 КБ → 339,4 КБ | −63,3% | в 2,7 раза |
| Фотоотчёты | 8 674,7 КБ → 285,3 КБ | −96,7% | в 30,4 раза |
| Фотоотчёт | 1 593,0 КБ → 452,9 КБ | −71,6% | в 3,5 раза |
| Итого / среднее по 6 страницам | 18,3 МБ → 2,9 МБ | −84,0% | ≈15 786,8 КБ сэкономлено, среднее −74,6% на страницу |
| Страница | Вес картинок: было → стало | Δ | Во сколько раз легче |
|---|---|---|---|
| Главная | 1 616,3 КБ → 439,8 КБ | −72,8% | в 3,7 раза |
| Каталог | 4 418,9 КБ → 784,8 КБ | −82,2% | в 5,6 раза |
| Карточка | 1 803,5 КБ → 647,3 КБ | −64,1% | в 2,8 раза |
| Отзывы | 957,0 КБ → 299,9 КБ | −68,7% | в 3,2 раза |
| Фотоотчёты | 8 708,8 КБ → 943,3 КБ | −89,2% | в 9,2 раза |
| Фотоотчёт | 1 614,0 КБ → 470,2 КБ | −70,9% | в 3,4 раза |
| Итого / среднее по 6 страницам | 18,7 МБ → 3,5 МБ | −81,2% | ≈15 533,2 КБ сэкономлено, среднее −74,6% на страницу |
Честно о цифрах: все числа выше — реальные браузерные замеры до и после, без выборочного округления в свою пользу. Пончики вверху и итоговые строки таблиц считаются от суммарного веса картинок «до» и «после» по всем 6 страницам (ПК+МОБ вместе).
Фотографии домов, карточек проектов, отзывов и фотоотчётов переведены в WebP без потери качества.
Больше ни одна из шести страниц не догружает два ненужных тяжёлых JPG «про запас».
Мобильная версия шапки главной страницы переведена на собственный лёгкий WebP-кроп вместо десктопной JPG-подложки.
Один и тот же браузерный замер, чистый кэш, RU-регион — до и после, на 6 страницах, ПК и МОБ.
Один круг на каждую страницу — среднее (ПК+МОБ) снижение веса картинок этой страницы после оптимизации.
Почему мы не приводим замеры Google PageSpeed: мы сознательно не включили в этот кейс баллы PageSpeed Insights. Причины простые. Даже если прогнать тест несколько раз подряд, PSI не даёт стабильной, повторяемой картины — цифры «плавают» от замера к замеру, и на таком шуме легко случайно нарисовать что угодно, хорошее или плохое. Дальше: картинки — лишь часть общей формулы Performance у Google, и в баллах эффект от WebP почти теряется, хотя для реального человека он огромный — страница весит в разы меньше и заметно быстрее открывается, особенно с телефона и на небыстром интернете. И наконец, на итоговый балл Performance влияет ещё много всего — шрифты, скрипты, сторонние виджеты, — и эти факторы способны полностью перекрыть эффект от оптимизации картинок или сделать его едва заметным на общем фоне. Поэтому мы говорим языком честных и воспроизводимых цифр — вес картинок «до» и «после», — а не подгоняем историю под красивый балл PageSpeed.
Смотреть услугу
ускорения и оптимизации там есть всё:
цены, состав работ, сроки и примеры!
Либо просто напишите нам на info@bobers.ru или в онлайн-чат — или звоните +7(900) 015-5777