Сайт skdomocenter.ru — сайт строительной компании с каталогом проектов, фотоотчётами и видеоотзывами. Мы внедрили WebP, адаптивные версии изображений, Retina x2, оптимизацию анонсов из ВКонтакте и кеширование — затем сравнили шесть ключевых страниц отдельно на mobile и desktop.
Результат измерен по среднему трёх последовательных холодных запусков для каждой страницы и устройства: Lighthouse 13.4.1, Headless Chrome 151, всего 72 сопоставимых исходных отчёта. Период замеров: 11 → 13 августа 2026.
Тяжёлые каталоги, фотоотчёты и карточки проектов замедляли отрисовку ключевого контента.
Задача — улучшить Performance, LCP и SI на реальных типах страниц, а не на одной тестовой странице.
Для mobile нужны отдельные кропы, а для Retina — x2-версии без размытия на экранах высокой плотности.
Оптимизация должна охватывать списки, карточки, ручные изображения, анонсы из ВК и кеширование.
Автоматизирована генерация WebP-превью q=80 для списочных страниц и внутренних карточек. Остальные изображения найдены и обработаны отдельным ручным контуром.
Для mobile до 575px созданы мини-версии, а для Retina-дисплеев — дубликаты повышенной плотности: изображения остаются чёткими на современных экранах.
Большие анонсы из ВК автоматически копируются, кропятся под desktop и mobile и получают WebP-копии. Практически 100% страниц кешируются и отдаются быстрее.
В итоговой таблице дельты Performance и LCP указаны как mobile / desktop. Вес — полный объём переданных данных страницы.
| Страница | Performance Δ · M / D | LCP Δ · M / D | Вес mobile | Вес desktop |
|---|---|---|---|---|
| Главная | +19.2% / +21.5% | −19.8% / −38.2% | 5.82 МБ → 3.04 МБ | 5.98 МБ → 3.98 МБ |
| Каталог | +16.3% / +1.9% | −67.1% / −41.2% | 8.18 МБ → 2.38 МБ | 8.23 МБ → 3.42 МБ |
| Проект | +26.4% / +4.9% | −7.7% / −9.4% | 13.97 МБ → 9.09 МБ | 8.27 МБ → 10.95 МБ |
| Фотоотчеты (каталог) | +9.5% / +46.0% | +3.5% / −59.3% | 46.01 МБ → 5.95 МБ | 17.37 МБ → 5.63 МБ |
| Видеоотзывы | +22.6% / +0.9% | −28.8% / −7.1% | 6.65 МБ → 3.54 МБ | 6.81 МБ → 3.47 МБ |
| Фотоотчет | +18.3% / +10.4% | −23.9% / −24.0% | 5.96 МБ → 5.72 МБ | 3.85 МБ → 3.81 МБ |
/
| Метрика | Mobile: было → стало | Δ | Desktop: было → стало | Δ |
|---|---|---|---|---|
| Performance | 40.0 балла → 47.7 балла | +19.2% | 65.0 балла → 79.0 балла | +21.5% |
| FCP | 4.07 с → 4.69 с | +15.2% | 1.69 с → 1.50 с | −11.6% |
| LCP | 17.84 с → 14.30 с | −19.8% | 3.86 с → 2.38 с | −38.2% |
| SI | 7.23 с → 6.95 с | −3.8% | 3.03 с → 2.24 с | −26.1% |
| TBT | 896 мс → 498 мс | −44.4% | 126 мс → 30 мс | −75.9% |
| CLS | 0.00003 → 0.00001 | −66.7% | 0.00005 → 0.00026 | +396.0% |
| Вес | 5.82 МБ → 3.04 МБ | −47.8% | 5.98 МБ → 3.98 МБ | −33.5% |
На главной вырос Performance в обоих режимах; LCP сократился на 19,8% mobile и 38,2% desktop, а переданный вес — на 47,8% и 33,5%.
/catalog/karkasnye-doma
| Метрика | Mobile: было → стало | Δ | Desktop: было → стало | Δ |
|---|---|---|---|---|
| Performance | 28.7 балла → 33.3 балла | +16.3% | 51.3 балла → 52.3 балла | +1.9% |
| FCP | 4.53 с → 4.47 с | −1.5% | 1.71 с → 1.81 с | +5.8% |
| LCP | 22.23 с → 7.32 с | −67.1% | 4.15 с → 2.44 с | −41.2% |
| SI | 9.95 с → 5.67 с | −43.0% | 4.33 с → 2.42 с | −44.0% |
| TBT | 2926 мс → 3241 мс | +10.8% | 320 мс → 570 мс | +78.3% |
| CLS | 0.00003 → 0.00003 | 0.0% | 0.00064 → 0.00026 | −59.6% |
| Вес | 8.18 МБ → 2.38 МБ | −70.8% | 8.23 МБ → 3.42 МБ | −58.4% |
Самый сильный mobile-результат по отрисовке: LCP −67,1%, SI −43,0%, вес −70,8%. На desktop LCP сократился на 41,2%, вес — на 58,4%.
/catalog/karkasnye-doma/mozdok
| Метрика | Mobile: было → стало | Δ | Desktop: было → стало | Δ |
|---|---|---|---|---|
| Performance | 30.3 балла → 38.3 балла | +26.4% | 60.7 балла → 63.7 балла | +4.9% |
| FCP | 4.26 с → 4.41 с | +3.4% | 1.76 с → 1.64 с | −6.7% |
| LCP | 13.71 с → 12.66 с | −7.7% | 3.41 с → 3.09 с | −9.4% |
| SI | 7.09 с → 6.59 с | −7.1% | 2.84 с → 2.50 с | −11.9% |
| TBT | 1697 мс → 998 мс | −41.2% | 102 мс → 125 мс | +22.4% |
| CLS | 0.10214 → 0.07956 | −22.1% | 0.15329 → 0.15414 | +0.5% |
| Вес | 13.97 МБ → 9.09 МБ | −34.9% | 8.27 МБ → 10.95 МБ | +32.4% |
Карточка проекта стала легче на mobile на 34,9%; Performance вырос на 26,4%, TBT снизился на 41,2%. Desktop-вес вырос на 32,4% при улучшении Performance, LCP и SI.
/foto/postroili
| Метрика | Mobile: было → стало | Δ | Desktop: было → стало | Δ |
|---|---|---|---|---|
| Performance | 28.0 балла → 30.7 балла | +9.5% | 33.3 балла → 48.7 балла | +46.0% |
| FCP | 4.41 с → 4.08 с | −7.4% | 1.96 с → 1.88 с | −4.0% |
| LCP | 12.62 с → 13.07 с | +3.5% | 8.02 с → 3.27 с | −59.3% |
| SI | 9.15 с → 7.30 с | −20.2% | 4.01 с → 2.92 с | −27.1% |
| TBT | 5315 мс → 3449 мс | −35.1% | 734 мс → 479 мс | −34.8% |
| CLS | 0.00003 → 0.00003 | 0.0% | 0.00375 → 0.00025 | −93.2% |
| Вес | 46.01 МБ → 5.95 МБ | −87.1% | 17.37 МБ → 5.63 МБ | −67.6% |
Лидер по снижению веса: −87,1% mobile и −67,6% desktop. На desktop Performance вырос на 46,0%, LCP сократился на 59,3%.
/video-otzivy
| Метрика | Mobile: было → стало | Δ | Desktop: было → стало | Δ |
|---|---|---|---|---|
| Performance | 38.3 балла → 47.0 балла | +22.6% | 72.3 балла → 73.0 балла | +0.9% |
| FCP | 4.34 с → 7.74 с | +78.2% | 1.48 с → 1.80 с | +21.6% |
| LCP | 17.39 с → 12.38 с | −28.8% | 2.96 с → 2.75 с | −7.1% |
| SI | 7.87 с → 8.45 с | +7.4% | 2.50 с → 2.47 с | −1.4% |
| TBT | 937 мс → 472 мс | −49.6% | 113 мс → 28 мс | −75.2% |
| CLS | 0.00002 → 0.00001 | −50.0% | 0.00045 → 0.00026 | −40.8% |
| Вес | 6.65 МБ → 3.54 МБ | −46.7% | 6.81 МБ → 3.47 МБ | −49.0% |
Performance вырос на 22,6% mobile; LCP сократился на 28,8%, TBT — на 49,6%, вес — на 46,7%. На desktop вес снизился на 49,0%.
/foto/postroili/nedavno-093
| Метрика | Mobile: было → стало | Δ | Desktop: было → стало | Δ |
|---|---|---|---|---|
| Performance | 43.7 балла → 51.7 балла | +18.3% | 74.0 балла → 81.7 балла | +10.4% |
| FCP | 4.45 с → 4.55 с | +2.4% | 1.57 с → 1.37 с | −12.9% |
| LCP | 19.22 с → 14.63 с | −23.9% | 2.83 с → 2.15 с | −24.0% |
| SI | 6.68 с → 7.02 с | +5.0% | 2.43 с → 2.12 с | −12.8% |
| TBT | 733 мс → 359 мс | −51.1% | 32 мс → 51 мс | +59.2% |
| CLS | 0.00002 → 0.00000 | −100.0% | 0.00006 → 0.00006 | +10.5% |
| Вес | 5.96 МБ → 5.72 МБ | −4.1% | 3.85 МБ → 3.81 МБ | −1.0% |
На mobile Performance вырос на 18,3%, LCP сократился на 23,9%, TBT — на 51,1%. На desktop Performance вырос на 10,4%, LCP сократился на 24,0%.
Средняя Performance выросла на 19,0% mobile и 11,7% desktop. Круговые индикаторы показывают средние баллы по шести страницам.
Честно о цифрах: отдельные отрицательные показатели могут быть следствием интеграции x2-версий изображений для Retina-дисплеев. В таких сценариях передаваемый объём может расти, но изображения на экранах высокой плотности становятся чётче. Это возможное объяснение, а не доказанная единственная причина регрессий.
Автоматическая генерация для списков и карточек дополнена ручной обработкой остальных изображений.
Для экранов до 575px созданы отдельные облегчённые версии изображений.
Версии повышенной плотности сохраняют чёткость изображений на современных mobile-дисплеях.
Анонсы из ВК локализованы и оптимизированы; практически 100% страниц кешируются.
Проведём аудит веса изображений, покажем прогноз экономии и подберём безопасную схему WebP и адаптивных версий для вашего проекта.
Обсудить свой сайт
+7 (900) 015-57-77
info@bobers.ru
