11 сентября 2026

Лендинг или полноценный сайт для строительной компании: как выбрать

Отзывы на сайте строительной компании: как собрать доверие клиентов

Сайт «Вологодский Лесник».
Каталог ускорился колоссально!

А страница видео-отзывов стала легче в 10 раз!

Сайт vologodskiy-lesnik.ru — сайт компании «Вологодский Лесник», которая строит дома из бруса и брёвен. Мы перевели изображения сайта в WebP — фотографии главной, каталога, карточек проектов, фотогалереи, видеоотзывов, фотоотчётов и статей, — сделали часть кропов (в том числе для некоторых фоновых картинок) и подключили srcset там, где это было уместно. Отдельно полностью перенесли виджеты ВКонтакте с серверов ВК на собственный сервер сайта. Сравнили 8 ключевых страниц — замеры «до» и «после», честный браузерный метод, чистый кэш, отдельно на ПК и на мобильном (390×844).

x3 раза

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

5,91 → 1,82 МБ

Главная страница, ПК (−69,2%) · на мобильном −64,0% (4,70 → 1,69 МБ)

x10 раз

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

64,83 → 7,08 МБ

Весь сайт — сумма 8 ключевых страниц, ПК (−89,1%) · на мобильном −90,0% (62,21 → 6,20 МБ)

x28 раз

легче
Каталог

17,70 → 0,74 МБ

Каталог проектов, ПК (−95,8%) · на мобильном −97,0% (16,56 → 0,50 МБ)

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

Страницы замеров:
vologodskiy-lesnik.ru/ — Главная
vologodskiy-lesnik.ru/doma-iz-brusa — Каталог
vologodskiy-lesnik.ru/doma-iz-brusa/imperiya — Карточка проекта
vologodskiy-lesnik.ru/foto — Фотогалерея
vologodskiy-lesnik.ru/otzyvy/video — Видеоотзывы
vologodskiy-lesnik.ru/otchety — Фотоотчёты
vologodskiy-lesnik.ru/otchety/dom-6h6-iz-brusa-pod-klyuch-v-snt-nadezhda — Карточка фотоотчёта
vologodskiy-lesnik.ru/klientam/statji — Каталог статей

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

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

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

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

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

До: 5,91 МБПосле: 1,82 МБЭкономия: 4,09 МБ

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

Экономия 96% / 16,96 МБ

До: 17,70 МБПосле: 0,74 МБЭкономия: 16,96 МБ

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

Экономия 71% / 1,01 МБ

До: 1,43 МБПосле: 0,42 МБЭкономия: 1,01 МБ

Фотогалерея — вес страницы−90,3%

Экономия 90% / 5,04 МБ

До: 5,58 МБПосле: 0,54 МБЭкономия: 5,04 МБ

Видеоотзывы — вес страницы−72,5%

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

До: 1,60 МБПосле: 0,44 МБЭкономия: 1,16 МБ

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

Экономия 94% / 19,18 МБ

До: 20,45 МБПосле: 1,27 МБЭкономия: 19,18 МБ

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

Экономия 78% / 4,72 МБ

До: 6,07 МБПосле: 1,35 МБЭкономия: 4,72 МБ

Каталог статей — вес страницы−91,8%

Экономия 92% / 5,58 МБ

До: 6,08 МБПосле: 0,50 МБЭкономия: 5,58 МБ

Страница	Вес (было → стало)	Картинки после (доля веса)	Экономия	Раз
Главная	5,91 → 1,82 МБ	0,85 МБ (46,9%)	−69,2%	в 3,2 раза
Каталог	17,70 → 0,74 МБ	0,46 МБ (62,7%)	−95,8%	в 23,9 раза
Карточка проекта	1,43 → 0,42 МБ	0,16 МБ (37,7%)	−70,6%	в 3,4 раза
Фотогалерея	5,58 → 0,54 МБ	0,29 МБ (53,1%)	−90,3%	в 10,3 раза
Видеоотзывы	1,60 → 0,44 МБ	0,19 МБ (42,1%)	−72,5%	в 3,6 раза
Фотоотчёты	20,45 → 1,27 МБ	0,30 МБ (23,8%)	−93,8%	в 16,1 раза
Карточка фотоотчёта	6,07 → 1,35 МБ	0,41 МБ (30,4%)	−77,8%	в 4,5 раза
Каталог статей	6,08 → 0,50 МБ	0,22 МБ (43,2%)	−91,8%	в 12,2 раза
ИТОГО (ПК, 8 страниц)	64,83 → 7,08 МБ	2,88 МБ (40,7%)	−89,1%	в 9,2 раза

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

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

Экономия 64% / 3,01 МБ

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

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

Экономия 97% / 16,06 МБ

До: 16,56 МБПосле: 0,50 МБЭкономия: 16,06 МБ

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

Экономия 71% / 0,99 МБ

До: 1,39 МБПосле: 0,40 МБЭкономия: 0,99 МБ

Фотогалерея — вес страницы−90,8%

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

До: 5,54 МБПосле: 0,51 МБЭкономия: 5,03 МБ

Видеоотзывы — вес страницы−76,3%

Экономия 76% / 1,19 МБ

До: 1,56 МБПосле: 0,37 МБЭкономия: 1,19 МБ

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

Экономия 94% / 19,25 МБ

До: 20,41 МБПосле: 1,16 МБЭкономия: 19,25 МБ

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

Экономия 81% / 4,87 МБ

До: 6,02 МБПосле: 1,15 МБЭкономия: 4,87 МБ

Каталог статей — вес страницы−93,0%

Экономия 93% / 5,62 МБ

До: 6,04 МБПосле: 0,42 МБЭкономия: 5,62 МБ

Страница	Вес (было → стало)	Картинки после (доля веса)	Экономия	Раз
Главная	4,70 → 1,69 МБ	0,72 МБ (42,9%)	−64,0%	в 2,8 раза
Каталог	16,56 → 0,50 МБ	0,22 МБ (44,6%)	−97,0%	в 33,1 раза
Карточка проекта	1,39 → 0,40 МБ	0,14 МБ (34,8%)	−71,2%	в 3,5 раза
Фотогалерея	5,54 → 0,51 МБ	0,26 МБ (50,1%)	−90,8%	в 10,9 раза
Видеоотзывы	1,56 → 0,37 МБ	0,12 МБ (31,2%)	−76,3%	в 4,2 раза
Фотоотчёты	20,41 → 1,16 МБ	0,19 МБ (16,6%)	−94,3%	в 17,6 раза
Карточка фотоотчёта	6,02 → 1,15 МБ	0,21 МБ (18,6%)	−80,9%	в 5,2 раза
Каталог статей	6,04 → 0,42 МБ	0,13 МБ (31,9%)	−93,0%	в 14,4 раза
ИТОГО (МОБ, 8 страниц)	62,21 → 6,20 МБ	1,99 МБ (32,1%)	−90,0%	в 10,0 раза

Заметнее всего экономия на страницах «Каталог» и «Фотоотчёты»: там были самые тяжёлые и многочисленные фотографии на сайте — поэтому и выигрыш от WebP там больше всего, особенно на мобильном.

Честно о цифрах: все числа в таблицах и на круговых диаграммах выше — реальные браузерные замеры «до» и «после» для каждой страницы, без скриншотов PageSpeed и без выборочного округления в свою пользу. Каждая строка таблицы — отдельный замер той же страницы тем же методом, отдельно на ПК и на мобильном (390×844, чистый кэш, без прокрутки); итоговая строка — официальный суммарный итог по всем 8 страницам: 64,83 → 7,08 МБ на ПК и 62,21 → 6,20 МБ на мобильном. Средняя экономия по страницам — около 83%.

✓

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

Фотографии переведены в WebP и подрезаны под реальный размер блока на странице — в том числе некоторые фоновые картинки.

✓

srcset там, где уместно

Для части картинок браузер сам выбирает подходящий по размеру файл под ПК или мобильный экран.

✓

Ленивая подгрузка и приоритет

Картинки на первом экране грузятся быстрее (fetch-priority), остальные — по мере прокрутки (lazy-load).

✓

Слайдеры без скачков

Все слайдеры на сайте больше не «скачут» при инициализации — размеры блоков заданы заранее.

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

На главной странице есть блок «Отзывы» с 4 видео-анонсами ВКонтакте, а на странице /otzyvy/video — ещё 40 видео-анонсов из той же группы (плеер vk.ru/video_ext.php). Превью-картинки для них раньше подгружались напрямую с серверов ВКонтакте (домен i.mycdn.me). Мы скачали те же самые превью один раз, перевели в WebP и теперь отдаём их с собственного домена vologodskiy-lesnik.ru — сам видеоплеер по клику по-прежнему открывается через vk.ru, но вес превью на странице больше не зависит от серверов ВКонтакте. Ниже — изолированный замер именно этих картинок: сколько они весили на серверах ВК и сколько весят теперь на нашем сервере (с учётом lazy-подгрузки — то, что успевает загрузиться до прокрутки).

x4 раза

Вес
ВК картинок
на главной

129,8 → 30,2 КБ

Превью 4 видео-анонсов ВК в блоке «Отзывы» на «Главной»: было с серверов ВК (i.mycdn.me) → стало со своего сервера, WebP, все 4

x10 раз

Вес
ВК картинок
в Отзывах

1 194 → 147 / 88 КБ

Превью 40 видео-анонсов ВК на странице «Видеоотзывы»: было с серверов ВК → стало со своего сервера, WebP + lazy — ПК 147 КБ (21/40 карточек до прокрутки) · на мобильном 88 КБ (24/40 карточек)

Это изолированный замер именно превью ВК-видео — тех же самых картинок, которые раньше грузились с серверов ВКонтакте (i.mycdn.me), а теперь лежат на собственном сервере сайта в WebP. Часть карточек на «Видеоотзывы» подгружается лениво (lazy-load), поэтому цифра «после» — это вес того, что успевает загрузиться до прокрутки страницы, как и увидит его обычный посетитель.

Что сделано

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

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

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

главная страница стала легче x3 раз (в среднем по ПК и мобильному);
каталог проектов стал легче x28 раз — самая большая экономия среди 8 страниц;
сайт целиком (8 ключевых страниц) стал легче x10 раз: −89,1% на ПК и −90,0% на мобильном;
виджеты ВКонтакте полностью переехали на собственный сервер сайта;
картинки грузятся с приоритетом (fetch-priority) и ленивой подгрузкой (lazy-load), а слайдеры перестали «прыгать» при загрузке.