26 сентября 2026

Как выбрать разработчика сайта строительной компании

Что входит в поддержку сайта строительной компании и что ломается без неё

Сайт master-brusov.ru.
Вес снижен в 11 раз!

Рекордное уменьшение веса
страницы каталога статей — 99%

Сайт «Мастер Брусов» оптимизировали по весу страниц: изображения перевели в WebP, сократили объём передаваемых данных и настроили отложенную загрузку тяжёлого контента. Ниже — браузерные замеры семи типов страниц в сценариях без скролла и с полной прокруткой.

x5 раз

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

9,21 → 1,86 МиБ

Главная, ПК · экономия 79,8%

x11 раз

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

65,57 → 6,08 МиБ

Сумма 7 страниц, ПК · экономия 90,7%

x78 раз

легче
Статьи

29,67 → 0,38 МиБ

Статьи, ПК · экономия 98,7%

Семь страниц измерены на ПК 1920×1080 и мобильном экране 390×844. Мобильный замер — только viewport, без подмены UA/DPR. Вес считается как собственные байты плюс сторонние картинки; Яндекс.Карты, Метрика и счётчики исключены. «До» — замер за 60 секунд без скролла; для замера после полной прокрутки отдельного «до» не было, поэтому результат после со скроллом сопоставляется с исходным «до» при открытии без скролла.

Страницы замеров:
master-brusov.ru/ — Главная
master-brusov.ru/doma-iz-brusa-v-teplyj-ugol — Каталог проектов
master-brusov.ru/doma-iz-brusa-v-teplyj-ugol/krasnodar — Карточка проекта
master-brusov.ru/fotootchety — Каталог фотоотчётов
master-brusov.ru/fotootchety/dom-iz-brusa-v-tsn-mashinostroitel-1 — Карточка фотоотчёта
master-brusov.ru/otzyvy — Отзывы клиентов
master-brusov.ru/poleznye-stati — Полезные статьи

Как считаются доли WebP и lazy-load. «До» — вес всех изображений страницы в старой версии; «после» — вес страницы при первичной загрузке, без прокрутки. Экономия = «до» минус «после» и раскладывается на две части. Доля lazy-load — это вес изображений, которые в новой версии не передаются при открытии, а появляются только после прокрутки; для расчёта берётся разница между весом изображений после полной прокрутки и весом изображений после загрузки без скролла. Доля WebP — вся оставшаяся экономия: перевод изображений в WebP/WebM, удалённые ресурсы и прочие изменения, которые не относятся к отложенной загрузке. Сторонние картинки учитываются по тому же правилу; Яндекс.Карты, Метрика и счётчики исключены.

Сценарии:
«после без скролла» — замер при открытии страницы.
«после со скроллом» — замер после полной прокрутки страницы.

Видео из ВК. Это понятный пример внешнего элемента: при расчёте важно отделять такие элементы от полезного веса самой страницы. В этой методике из расчёта исключены Яндекс.Карты, Метрика и счётчики; сторонние картинки, напротив, учитываются.

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

Зелёная полоса показывает общую экономию относительно веса «до» при открытии без скролла. Ниже она разбита на две доли — WebP и lazy-load. Вторая полоска имеет ровно ту же длину, что и первая: это 100% экономии. Внутри неё WebP и lazy-load делят эту длину между собой по своей доле в общей экономии.

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

Главная — вес страницыпосле без скролла −79,8%

Экономия 80% / 7,35 МиБ

доля WebPдоля lazy-load

До: 9,21 МиБПосле без скролла: 1,86 МиБПосле со скроллом: 2,20 МиБ

Каталог проектов — вес страницыпосле без скролла −89,5%

Экономия 90% / 10,13 МиБ

доля WebPдоля lazy-load

До: 11,32 МиБПосле без скролла: 1,19 МиБПосле со скроллом: 5,59 МиБ

Карточка проекта — вес страницыпосле без скролла −85,8%

Экономия 86% / 3,94 МиБ

доля WebPдоля lazy-load

До: 4,59 МиБПосле без скролла: 0,65 МиБПосле со скроллом: 0,96 МиБ

Каталог фотоотчётов — вес страницыпосле без скролла −91,1%

Экономия 91% / 6,80 МиБ

доля WebPдоля lazy-load

До: 7,46 МиБПосле без скролла: 0,66 МиБПосле со скроллом: 2,05 МиБ

Карточка фотоотчёта — вес страницыпосле без скролла −76,7%

Экономия 77% / 1,44 МиБ

доля WebPдоля lazy-load

До: 1,87 МиБПосле без скролла: 0,43 МиБПосле со скроллом: 0,43 МиБ

Отзывы — вес страницыпосле без скролла −37,8%

Экономия 38% / 0,55 МиБ

доля WebPдоля lazy-load

До: 1,46 МиБПосле без скролла: 0,91 МиБПосле со скроллом: 0,93 МиБ

Статьи — вес страницыпосле без скролла −98,7%

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

доля WebPдоля lazy-load

До: 29,67 МиБПосле без скролла: 0,38 МиБПосле со скроллом: 7,05 МиБ

Страница	Вес (до → после без скролла)	Изображения, доля	Запросы	Раз
Главная	9,21 → 1,86 МиБ −79,8%	98,4% → 92,1%	161 → 145	в 5,0 раза
Каталог проектов	11,32 → 1,19 МиБ −89,5%	98,6% → 86,7%	193 → 121	в 9,5 раза
Карточка проекта	4,59 → 0,65 МиБ −85,8%	96,7% → 77,0%	155 → 137	в 7,1 раза
Каталог фотоотчётов	7,46 → 0,66 МиБ −91,1%	99,2% → 91,0%	204 → 148	в 11,3 раза
Карточка фотоотчёта	1,87 → 0,43 МиБ −76,7%	97,4% → 88,4%	135 → 140	в 4,3 раза
Отзывы	1,46 → 0,91 МиБ −37,8%	96,2% → 93,9%	115 → 120	в 1,6 раза
Статьи	29,67 → 0,38 МиБ −98,7%	99,6% → 71,1%	383 → 97	в 78,1 раза
ИТОГО (ПК, 7 страниц)	65,57 → 6,08 МиБ −90,7%	доля изображений	1346 → 908	в 10,8 раза

На ПК максимальная экономия при открытии без скролла получена на страницах «Статьи» (98,7%), «Каталог фотоотчётов» (91,1%) и «Каталог проектов» (89,5%). При полной прокрутке общий вес семи страниц составляет 19,21 МиБ — на 70,7% меньше исходного веса «до» при открытии без скролла.

Честно о цифрах: «До» для полной прокрутки отдельно не измерялось. Поэтому показатель «после со скроллом» — это фактический вес после полной прокрутки, сопоставленный с исходным «до» при открытии без скролла. Для каталога проектов и карточки проекта в финале использован повторный замер. Доля WebP в финале выросла с 0% до 75,5–99,7% в зависимости от страницы; это показатель формата переданных изображений, а не отдельный эксперимент, изолирующий эффект только кодека.

✓

WebP для изображений

В финальном замере доля WebP составляет 75,5–99,7% по страницам.

✓

Меньше передаваемых данных

Вес страниц после оптимизации снизился на десятки процентов, а на отдельных страницах — более чем на 90%.

✓

Разделение замеров без скролла и со скроллом

Отдельно видно, сколько страница весит при открытии и сколько добавляется после полной прокрутки.

✓

Чистый замер без виджетов

Карты, Метрика и счётчики исключены из расчёта по согласованной методике.

Что происходит после полной прокрутки

На тяжёлых каталогах часть ресурсов появляется только после просмотра страницы. Поэтому вес после полной прокрутки заметно выше веса при открытии без скролла: например, каталог проектов на ПК — 1,19 → 5,59 МиБ, статьи — 0,38 → 7,05 МиБ. При этом даже после полной прокрутки вес остаётся значительно ниже исходного веса: 19,21 МиБ против 65,57 МиБ по семи страницам.

−70,7%

вес 7 страниц
ПК

65,57 → 19,21 МиБ

после полной прокрутки

Картинки ВК в замере

Методика специально отделяет сторонние изображения от сервисов, которые не относятся к весу полезной страницы. Яндекс.Карты, Метрика и счётчики исключены. Сторонние картинки, напротив, остаются в расчёте — по каждому типу страницы после оптимизации на них приходится около 0,03 МиБ.

−92,8%

вес 7 страниц
МОБ

62,82 → 4,52 МиБ

после исключения оговорённых сервисов из расчёта

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

Главная — вес страницыпосле без скролла −83,6%

Экономия 84% / 6,54 МиБ

доля WebPдоля lazy-load

До: 7,82 МиБПосле без скролла: 1,28 МиБПосле со скроллом: 1,88 МиБ

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

Экономия 91% / 10,29 МиБ

доля WebPдоля lazy-load

До: 11,32 МиБПосле без скролла: 1,03 МиБПосле со скроллом: 5,59 МиБ

Карточка проекта — вес страницыпосле без скролла −80,0%

Экономия 80% / 2,58 МиБ

доля WebPдоля lazy-load

До: 3,23 МиБПосле без скролла: 0,65 МиБПосле со скроллом: 1,03 МиБ

Каталог фотоотчётов — вес страницыпосле без скролла −96,1%

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

доля WebPдоля lazy-load

До: 7,46 МиБПосле без скролла: 0,29 МиБПосле со скроллом: 2,04 МиБ

Карточка фотоотчёта — вес страницыпосле без скролла −76,8%

Экономия 77% / 1,43 МиБ

доля WebPдоля lazy-load

До: 1,86 МиБПосле без скролла: 0,43 МиБПосле со скроллом: 0,43 МиБ

Отзывы — вес страницыпосле без скролла −64,4%

Экономия 64% / 0,94 МиБ

доля WebPдоля lazy-load

До: 1,46 МиБПосле без скролла: 0,52 МиБПосле со скроллом: 0,93 МиБ

Статьи — вес страницыпосле без скролла −98,9%

Экономия 99% / 29,34 МиБ

доля WebPдоля lazy-load

До: 29,66 МиБПосле без скролла: 0,32 МиБПосле со скроллом: 7,05 МиБ

Страница	Вес (до → после без скролла)	Изображения, доля	Запросы	Раз
Главная	7,82 → 1,28 МиБ −83,6%	98,1% → 88,6%	155 → 137	в 5,0 раза
Каталог проектов	11,32 → 1,03 МиБ −90,9%	98,6% → 84,7%	192 → 118	в 9,8 раза
Карточка проекта	3,23 → 0,65 МиБ −80,0%	95,4% → 76,8%	152 → 134	в 5,0 раза
Каталог фотоотчётов	7,46 → 0,29 МиБ −96,1%	99,2% → 79,4%	187 → 118	в 25,7 раза
Карточка фотоотчёта	1,86 → 0,43 МиБ −76,8%	97,3% → 88,4%	122 → 127	в 4,3 раза
Отзывы	1,46 → 0,52 МиБ −64,4%	96,2% → 89,3%	115 → 105	в 2,8 раза
Статьи	29,66 → 0,32 МиБ −98,9%	99,6% → 66,0%	382 → 94	в 92,7 раза
ИТОГО (МОБ, 7 страниц)	62,82 → 4,52 МиБ −92,8%	доля изображений	1305 → 833	в 13,9 раза

На мобильном первом открытии суммарный вес семи страниц снизился на 92,8%: с 62,82 до 4,52 МиБ. Самое большое снижение — у статей (98,9%) и каталога фотоотчётов (96,1%). После полной прокрутки финальный вес семи страниц составляет 18,96 МиБ, что на 69,8% меньше исходного веса «до» при открытии без скролла.

Что сделано

Перевели изображения в WebP. В исходной версии доля WebP в замере была 0%; в финале она составляет от 75,5% до 99,7% в зависимости от страницы и сценария.
Снизили передаваемый вес изображений. На страницах, где изображения занимали 95–100% исходного веса, после оптимизации их доля и общий объём данных заметно уменьшились.
Разделили проверку первого экрана и полной страницы. замер без скролла показывает вес при открытии страницы, замер со скроллом — что догружается после просмотра всей страницы. Это позволяет отдельно видеть эффект оптимизации и объём отложенной загрузки.
Повторно проверили самые тяжёлые страницы. Каталог проектов и карточку проекта замерили второй раз, и в финале использовали повторный замер.
Исключили из расчёта сторонние сервисы, не относящиеся к полезному весу страницы. Яндекс.Карты, Метрика и счётчики не входят в итоговые цифры; сторонние картинки при этом учитываются.

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

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

суммарный вес семи страниц при открытии без скролла снизился с 65,57 до 6,08 МиБ на ПК и с 62,82 до 4,52 МиБ на мобильном;
экономия при открытии без скролла составила 90,7% на ПК и 92,8% на мобильном;
после полной прокрутки семь страниц весят 19,21 МиБ на ПК и 18,96 МиБ на мобильном — экономия 70,7% и 69,8% соответственно относительно исходного «до» при открытии без скролла;
статьи стали легче на 98,7% на ПК и на 98,9% на мобильном при открытии без скролла;
каталог проектов и карточка проекта прошли повторный замер, а в финальные цифры вошёл повторный замер.