Перейти к содержимому
Дмитрий Коновалов
EN
Ко всем проектам
Коммерческий2026

Сайты ГК ФСК и 1-го ДСК

Nuxt-платформа сайтов fsk.ru и dsk1.ru: каталог новостроек в 7 регионах, интерактивный генплан, поэтажные планы, 3D-планировки, SSR для SEO.

Контекст и задача

ГК ФСК продаёт квартиры в новостройках 7 регионов через сайты двух брендов, fsk.ru и dsk1.ru. Оба сайта работают на одной Nuxt-платформе.

Квартиру выбирают тремя способами: по параметрам, на генплане жилого комплекса и на схеме корпуса. Страницы каталога и ЖК должны индексироваться поисковиками и при этом оставаться интерактивными, а самые тяжёлые экраны упирались в пределы производительности браузера.

Помимо продажи квартир сайт предоставляет исчерпывающую информацию о ЖК и самой компании в формате интерактивных виджетов.

Моя роль

  • Инструменты выбора квартиры: интерактивный SVG-генплан ЖК, поэтажные планы и 3D-просмотр планировок.
  • Генплан: отрисовка полигонов и маркеров, позиционирование подсказок, расчёт центроида для геометрий без опорной точки, устранение мерцания подсказок, кластеризация маркеров при зуме.
  • Рендеринг страниц каталога и ЖК: серверный рендер для SEO, кэширование на сервере и CDN, клиентский рендер тяжёлых интерактивных блоков, поиск и устранение расхождений гидрации.
  • Оптимизация самых тяжёлых экранов каталога: динамическая подгрузка и ленивая гидрация тяжёлых блоков, индексы Set и Map вместо вложенных переборов.
  • Сборка новых страниц после редизайна, создание универсальных компонентов, стори и документации для них.
  • Сложная система фильтров для продаваемых объектов, калькулятор ипотеки и интерактивный редактор меблировки.
  • Рефактор старых компонентов с Options API на Composition API (<script setup>), исправление отправки целей Яндекс Метрики в фильтрах.

Решения

ФСК. Фрагмент страницы ЖК до редизайна
Пример сделанного редизайна. Фрагмент страницы ЖК
ФСК. Подборщик квартир с фильтрами
UI подборщика квартир с динамическими фильтрами
ФСК. Инфраструктура ЖК
UI интерактивной карты инфраструктуры ЖК с кластеризацией маркеров

Метрики

Метрик улучшено
8из 8
Сильнее всего
×4,4Глубина прокрутки

  • LCP

    Отрисовка главного

    Стало: 2,1 с, было: 3,0 с, лучше: −30 %, хорошо

    Что это
    Время, за которое появляется самый крупный элемент первого экрана: картинка, видео или блок текста.
    Почему важно
    По нему посетитель понимает, что страница загрузилась. Входит в Core Web Vitals, Google учитывает их в поиске.

    Сейчас: хорошо

  • INP

    Отклик на действия

    Стало: 181 мс, было: 377 мс, лучше: −52 %, хорошо

    Что это
    Задержка между кликом, касанием или вводом и ответом страницы на экране. Берётся почти самая долгая за визит.
    Почему важно
    Когда кнопка отвечает с задержкой, кажется, что сайт завис: жмут повторно и бросают форму. Входит в Core Web Vitals.

    Сейчас: хорошо

  • FCP

    Первая отрисовка

    Стало: 1,2 с, было: 2,6 с, лучше: −54 %, хорошо

    Что это
    Время до появления на экране первого текста или картинки.
    Почему важно
    Первый знак, что сайт отвечает. Пока экран пустой, кажется, что ничего не происходит.

    Сейчас: хорошо

  • TTFB

    Ответ сервера

    Стало: 800 мс, было: 1200 мс, лучше: −33 %, хорошо

    Что это
    Время от запроса до первого байта ответа: сеть, сервер и база данных.
    Почему важно
    С него начинается вся загрузка: медленный сервер задерживает и FCP, и LCP.

    Сейчас: хорошо

  • Визиты

    Визиты

    Стало: 380 000

    Что это
    Сколько раз заходили на сайт за период. Один человек может прийти несколько раз.
    Почему важно
    Объём аудитории, от которого считаются заявки и выручка.

    Чем больше, тем лучше

  • Посетители

    Уникальные посетители

    Стало: 270 000

    Что это
    Сколько разных людей, а точнее браузеров, зашло за период.
    Почему важно
    Показывает охват: сколько людей вообще узнало о сайте.

    Чем больше, тем лучше

  • Доступность

    Lighthouse: доступность

    Стало: 85, было: 54, лучше: +31, можно лучше

    Что это
    Балл от 0 до 100 по автоматическим проверкам: контраст, подписи полей, порядок заголовков.
    Почему важно
    Сайтом можно пользоваться со скринридером, с клавиатуры и при слабом зрении. От 90 — зелёная зона.

    Сейчас: можно лучше

  • Время

    Время на сайте

    Стало: 3:50 мин

    Что это
    Средняя длительность визита.
    Почему важно
    Чем дольше читают и смотрят, тем интереснее содержимое. Для быстрых задач вроде звонка это не всегда так.

    Чем больше, тем лучше

  • Глубина

    Глубина просмотра

    Стало: 3,8 стр., было: 2,1 стр., лучше: +82 %

    Что это
    Сколько страниц в среднем открывают за визит.
    Почему важно
    Показывает, ведёт ли сайт дальше: к каталогу, ценам и контактам.

    Чем больше, тем лучше

  • Прокрутка

    Глубина прокрутки

    Стало: 54,3 %, было: 12,4 %, лучше: ×4,4

    Что это
    До какой части страницы в среднем доходят посетители.
    Почему важно
    Если до цены или формы не доскролливают, их никто не увидит.

    Чем больше, тем лучше

  • Органика

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

    Стало: 93,3 %, было: 62,9 %, лучше: +30,4 п. п.

    Что это
    Какая часть визитов пришла из поиска, без рекламы.
    Почему важно
    Такие посетители приходят бесплатно и сами ищут то, что вы предлагаете.

    Чем больше, тем лучше

Источник: Similarweb, Google Lighthouse, Яндекс Метрика; июль 2026

Галерея