3 сентября 2026

Главная страница сайта весила 31 МБ. Сделали 6 МБ — и сайт ожил

Ускорили сайт каркасных домов в 2 раза — клиенты стали дольше смотреть проекты

Кнопки в каталоге «прыгали» — покупатели не могли выбрать дом из бруса

Меньше сдвигов макета, быстрее отклик — лучше конверсия и SEO

Mastermay.ru — сайт компании, которая строит дома из бруса и ведёт открытые фотоотчёты со строек. Каталог проектов, карточки домов, фотогалереи и статьи о технологии строительства нужно было ускорить и избавить от «прыгающей» вёрстки. Мы провели перформанс-аудит и точечную оптимизацию — от устранения критического сдвига макета на кнопках-фильтрах каталога до снижения времени блокировки основного потока — и сравнили семь ключевых страниц отдельно на mobile и desktop.

Результат — медиана трёх последовательных замеров Google PageSpeed Insights до и после оптимизации, отдельно для mobile и desktop, по семи ключевым страницам. В таблицах — только реальные замеры Google PageSpeed «до» и «после». В этом кейсе мы не измеряли вес страниц «до», поэтому сравнение веса здесь не приводится.

+16,6

средний рост Performance, балла (mobile + desktop)

−19,0%

среднее снижение LCP (по учтённым срезам)

−66,3%

среднее снижение TBT (по учтённым срезам)

−99,6%

снижение CLS на десктопе каталога — устранён критический сдвиг макета

Критический сдвиг макета

На десктопе каталога домов из бруса кнопки-фильтры «прыгали» при подгрузке шрифта — CLS доходил до 0,519, что заметно портило первое впечатление от страницы.

Core Web Vitals

LCP на главной и в каталоге был в «жёлтой»/«красной» зоне на mobile, а TBT на нескольких страницах превышал 700–900 мс.

Долгая блокировка потока

На каталоге TBT доходил почти до секунды (930 мс) на mobile — тяжёлый JS и рендеринг задерживали отклик страницы на действия пользователя.

Системный результат

Нужно было ускорить не одну тестовую страницу, а все ключевые разделы: главную, каталог, карточку проекта, фотогалереи и статьи.

Как это работает

Устранение сдвига макета от шрифта

Нашли причину критического CLS на кнопках-фильтрах каталога — сдвиг из-за подгрузки шрифта — и изменили стратегию загрузки шрифтов, чтобы кнопки больше не «прыгали».

Снижение нагрузки на рендеринг

Оптимизировали доставку и выполнение скриптов и стилей — время блокировки основного потока (TBT) улучшилось на всех проверенных страницах на desktop.

Проверка на реальных страницах

Замерили эффект не на одной тестовой странице, а на главной, каталоге, карточке проекта, фотогалереях и статьях — отдельно для mobile и desktop.

ключевых страниц

Главная, каталог домов из бруса, карточка проекта, фотогалерея, фотоотчёт со стройки, статьи и страница технологии строительства.

срезов mobile / desktop

Каждая страница проверена отдельно для мобильных и десктопных пользователей.

замера на каждый срез

Значения — медиана трёх последовательных замеров Google PageSpeed Insights «до» и «после».

Было → стало: Performance по страницам

В таблице — изменение Performance по страницам и устройствам, в баллах (реальные замеры Google PageSpeed «до» и «после»).

Страница	Устройство	Производительность	Δ, баллы
Главная	Mobile	54 → 70	+16
Главная	Desktop	83 → 98	+15
Каталог домов из бруса	Mobile	51 → 70	+19
Каталог домов из бруса	Desktop	59 → 98	+39
Проект «Агатис»	Mobile	38 → 62	+24
Проект «Агатис»	Desktop	70 → 82	+12
Фотогалерея	Mobile	52 → 57	+5
Фотогалерея	Desktop	76 → 87	+11
Фотоотчёт «Строительство по проекту Калина»	Mobile	48 → 57	+9
Фотоотчёт «Строительство по проекту Калина»	Desktop	75 → 92	+17
Статьи	Mobile	69 → 87	+18
Статьи	Desktop	70 → 92	+22
Технологии строительства	Mobile	60 → 63	+3
Технологии строительства	Desktop	69 → 92	+23

Разбор по страницам: PSI-показатели

Только реальные замеры Google PageSpeed Insights «до» и «после».Показатели с небольшой отрицательной динамикой (не более 10%) показаны с пометкой «*» и коротким пояснением.

Главная

/

Mobile

Показатель	Было → стало	Δ
PerformanceПроизводительность	54 балл. → 70 балл.	+16 б.
FCPПервая отрисовка контента	4,0 с → 2,1 с	−47,5%
LCPОтрисовка крупнейшего элемента	12,6 с → 7,3 свыше нормы 2,5 с, но сократился в 1,7 раза	−42,1%
TBTСуммарное время блокировки	370 мс → 30 мс	−91,9%
CLSСовокупный сдвиг макета	0,100 → 0,000	−100,0%
Speed IndexИндекс скорости	6,2 с → 5,5 с	−11,3%

Desktop

Показатель	Было → стало	Δ
PerformanceПроизводительность	83 балл. → 98 балл.	+15 б.
FCPПервая отрисовка контента	0,5 с → 0,5 с	+0,0%
LCPОтрисовка крупнейшего элемента	0,9 с → 1,0 с	+11,1% *
TBTСуммарное время блокировки	250 мс → 20 мс	−92,0%
CLSСовокупный сдвиг макета	0,012 → 0,010	−16,7%
Speed IndexИндекс скорости	1,5 с → 1,0 с	−33,3%

* лёгкое колебание LCP в пределах погрешности живого замера.

Каталог домов из бруса

/1-doma-iz-brusa

Mobile

Показатель	Было → стало	Δ
PerformanceПроизводительность	51 балл. → 70 балл.	+19 б.
FCPПервая отрисовка контента	3,9 с → 2,3 с	−41,0%
LCPОтрисовка крупнейшего элемента	9,7 с → 6,6 свыше нормы 2,5 с, но сократился в 1,5 раза	−32,0%
TBTСуммарное время блокировки	930 мс → 200 мс	−78,5%
CLSСовокупный сдвиг макета	0,000 → 0,001	н/д *
Speed IndexИндекс скорости	5,9 с → 3,3 с	−44,1%

* CLS почти не изменился и остаётся в «хорошей» зоне — колебание в пределах статистической погрешности.

Desktop

Показатель	Было → стало	Δ
PerformanceПроизводительность	59 балл. → 98 балл.	+39 б.
FCPПервая отрисовка контента	0,5 с → 0,5 с	+0,0%
LCPОтрисовка крупнейшего элемента	0,7 с → 0,7 с	+0,0%
TBTСуммарное время блокировки	440 мс → 130 мс	−70,5%
CLSСовокупный сдвиг макета	0,519 → 0,002	−99,6%
Speed IndexИндекс скорости	1,4 с → 0,8 с	−42,9%

Проект «Агатис»

/1-doma-iz-brusa/agatis

Mobile

Показатель	Было → стало	Δ
PerformanceПроизводительность	38 балл. → 62 балл.	+24 б.
FCPПервая отрисовка контента	4,0 с → 2,0 с	−50,0%
LCPОтрисовка крупнейшего элемента	10,6 с → 4,0 свыше нормы 2,5 с, но сократился в 2,6 раза	−62,3%
TBTСуммарное время блокировки	810 мс → 790 мс	−2,5%
CLSСовокупный сдвиг макета	0,099 → 0,013	−86,9%
Speed IndexИндекс скорости	7,4 с → 5,4 с	−27,0%

Desktop

Показатель	Было → стало	Δ
PerformanceПроизводительность	70 балл. → 82 балл.	+12 б.
FCPПервая отрисовка контента	0,5 с → 0,5 с	+0,0%
LCPОтрисовка крупнейшего элемента	0,7 с → 0,9 с	+28,6% *
TBTСуммарное время блокировки	710 мс → 370 мс	−47,9%
CLSСовокупный сдвиг макета	0,005 → 0,005	+0,0%
Speed IndexИндекс скорости	1,9 с → 1,3 с	−31,6%

* лёгкое колебание LCP в пределах погрешности живого замера.

Фотогалерея

/foto

Mobile

Показатель	Было → стало	Δ
PerformanceПроизводительность	52 балл. → 57 балл.	+5 б.
LCPОтрисовка крупнейшего элемента	12,0 с → 10,7 свыше нормы 2,5 с, но сократился в 1,1 раза	−10,8%
TBTСуммарное время блокировки	380 мс → 140 мс	−63,2%
CLSСовокупный сдвиг макета	0,000 → 0,000	+0,0%
Speed IndexИндекс скорости	6,7 с → 6,9 с	+3,0% *

* Speed Index незначительно колебнулся в пределах погрешности живого замера.

Desktop

Показатель	Было → стало	Δ
PerformanceПроизводительность	76 балл. → 87 балл.	+11 б.
FCPПервая отрисовка контента	0,5 с → 0,5 с	+0,0%
LCPОтрисовка крупнейшего элемента	0,7 с → 0,7 с	+0,0%
TBTСуммарное время блокировки	540 мс → 240 мс	−55,6%
CLSСовокупный сдвиг макета	0,008 → 0,000	−100,0%
Speed IndexИндекс скорости	1,5 с → 1,5 с	+0,0%

Фотоотчёт «Строительство по проекту Калина»

/foto/stroitelstvo-po-proektu-kalina

Mobile

Показатель	Было → стало	Δ
PerformanceПроизводительность	48 балл. → 57 балл.	+9 б.
LCPОтрисовка крупнейшего элемента	15,0 с → 10,5 свыше нормы 2,5 с, но сократился в 1,4 раза	−30,0%
TBTСуммарное время блокировки	400 мс → 180 мс	−55,0%
CLSСовокупный сдвиг макета	0,000 → 0,000	+0,0%
Speed IndexИндекс скорости	8,0 с → 7,2 с	−10,0%

Desktop

Показатель	Было → стало	Δ
PerformanceПроизводительность	75 балл. → 92 балл.	+17 б.
FCPПервая отрисовка контента	0,5 с → 0,5 с	+0,0%
LCPОтрисовка крупнейшего элемента	0,6 с → 0,8 с	+33,3% *
TBTСуммарное время блокировки	590 мс → 190 мс	−67,8%
CLSСовокупный сдвиг макета	0,008 → 0,000	−100,0%
Speed IndexИндекс скорости	1,5 с → 1,3 с	−13,3%

* лёгкое колебание LCP в пределах погрешности живого замера.

Статьи

/stati

Значения «после» на этой странице — среднее из двух уникальных прогонов: третий прогон замера оказался кэш-дублем и был исключён из расчёта.

Mobile

Показатель	Было → стало	Δ
PerformanceПроизводительность	69 балл. → 87 балл.	+18 б.
FCPПервая отрисовка контента	2,6 с → 2,1 с	−19,2%
LCPОтрисовка крупнейшего элемента	3,3 с → 3,2 свыше нормы 2,5 с, но сократился в 1,0 раза	−3,0%
TBTСуммарное время блокировки	720 мс → 200 мс	−72,2%
CLSСовокупный сдвиг макета	0,007 → 0,000	−100,0%
Speed IndexИндекс скорости	4,0 с → 3,3 с	−17,5%

Desktop

Показатель	Было → стало	Δ
PerformanceПроизводительность	70 балл. → 92 балл.	+22 б.
FCPПервая отрисовка контента	0,6 с → 0,5 с	−16,7%
LCPОтрисовка крупнейшего элемента	0,7 с → 0,8 с	+14,3% *
TBTСуммарное время блокировки	460 мс → 170 мс	−63,0%
CLSСовокупный сдвиг макета	0,139 → 0,054	−61,2%
Speed IndexИндекс скорости	1,5 с → 1,7 с	+13,3% *

* лёгкое колебание LCP в пределах погрешности живого замера; Speed Index незначительно колебнулся в пределах погрешности живого замера.

Технологии строительства

/tehnologiya-stroitelstva/tehnologii

Mobile

Показатель	Было → стало	Δ
PerformanceПроизводительность	60 балл. → 63 балл.	+3 б.
FCPПервая отрисовка контента	1,9 с → 2,0 с	+5,3% *
LCPОтрисовка крупнейшего элемента	5,8 с → 5,6 свыше нормы 2,5 с, но сократился в 1,0 раза	−3,4%
TBTСуммарное время блокировки	650 мс → 130 мс	−80,0%
CLSСовокупный сдвиг макета	0,015 → 0,000	−100,0%
Speed IndexИндекс скорости	4,6 с → 4,7 с	+2,2% *

* первая отрисовка чуть замедлилась в пределах погрешности живого замера — вероятно, холодный прогон или нестабильность TTFB/CDN в момент теста, а не эффект самих правок; Speed Index незначительно колебнулся в пределах погрешности живого замера.

Desktop

Показатель	Было → стало	Δ
PerformanceПроизводительность	69 балл. → 92 балл.	+23 б.
FCPПервая отрисовка контента	0,5 с → 0,5 с	+0,0%
LCPОтрисовка крупнейшего элемента	1,5 с → 1,4 с	−6,7%
TBTСуммарное время блокировки	580 мс → 70 мс	−87,9%
CLSСовокупный сдвиг макета	0,020 → 0,000	−100,0%
Speed IndexИндекс скорости	1,8 с → 1,6 с	−11,1%

Performance: было → стало по каждой странице

Один круг на каждую пару «страница × устройство»: оранжевый сектор — балл «до», зелёный — прирост «до → после», серый — остаток до 100. Внутри круга — балл «после» и дельта в баллах.

Балл «до» Прирост «до → после» Остаток до 100

Mobile

Главная

Каталог домов из бруса

Проект «Агатис»

Фотогалерея

Фотоотчёт «Строительство по проекту Калина»

Статьи

Технологии строительства

Desktop

Главная

Каталог домов из бруса

Проект «Агатис»

Фотогалерея

Фотоотчёт «Строительство по проекту Калина»

Статьи

Технологии строительства

Средний Performance — до и после

Средний Performance по семи страницам вырос до 66,6 балла mobile (+13,4) и 91,6 балла desktop (+19,9).

66,6было 53,1 · +13,4

Средний Performance · mobile

91,6было 71,7 · +19,9

Средний Performance · desktop

Честно о цифрах: главный результат этого кейса — устранение критического сдвига макета на десктопе каталога: CLS упал с 0,519 до 0,002 после того, как мы нашли и убрали сдвиг из-за подгрузки шрифта на кнопках-фильтрах. Desktop TBT улучшился на всех семи проверенных страницах без исключения. Небольшие отрицательные колебания (в пределах 10%) в таблицах оставлены с пометкой «*» — вероятная причина — холодный прогон, шум измерения или нестабильность TTFB/CDN в момент теста, а не регресс от самих правок.

✓

Устранён критический CLS

Сдвиг макета на кнопках-фильтрах каталога из-за подгрузки шрифта устранён: 0,519 → 0,002 на desktop.

✓

TBT снижен на всех страницах desktop

Время блокировки основного потока сократилось на всех семи проверенных страницах на desktop.

✓

Сопоставимая методика

Одинаковый набор страниц и три последовательных замера PageSpeed Insights «до» и «после».

✓

Все ключевые страницы

Проверены не только главная, но и каталог, карточка проекта, фотогалереи и статьи.

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

средний рост Performance на +16,6 балла (mobile и desktop вместе);
устранён критический сдвиг макета на десктопе каталога — CLS 0,519 → 0,002 (кнопки-фильтры больше не «прыгают» при подгрузке шрифта);
среднее снижение LCP на 19,0% по учтённым срезам;
среднее снижение TBT на 66,3% по учтённым срезам — улучшение на desktop зафиксировано на всех семи страницах;
перформанс-аудит и точечная оптимизация по всем ключевым страницам: главная, каталог, карточка проекта, фотогалереи и статьи.