Выбор типа сайта — техническая задача, а не маркетинг
Мы видим, как команды тратят бюджет на неподходящий стек. Лендинг на Next.js со статической генерацией и корпоративный сайт с CMS — принципиально разные инфраструктуры, даже если внешне похожи. Ошибка на старте ведёт к переплате за хостинг в 5–10 раз и низкой скорости загрузки. Core Web Vitals (LCP, INP, TTFB) для каждого типа сайта — свой набор приоритетов.
Ниже разберём четыре типа сайтов, их типичные технические ошибки и как мы их исправляем.
Как не ошибиться с выбором CMS?
Сайт-визитка
Самый компактный формат: 1–5 страниц, минимум динамики. Основная задача — дать контактную информацию и создать первое впечатление. Технически здесь нет сложности, но есть типичные ошибки.
Слишком тяжёлый стек. WordPress с 15 плагинами для 5 страниц — это 800ms TTFB на shared хостинге. Мы предлагаем статику: HTML/CSS/JS или Next.js с output: 'export', задеплоенное на Vercel или Cloudflare Pages. Никакого PHP, никакой базы данных — только CDN. TTFB < 50ms гарантированно. Экономия на хостинге — до 50 000 ₽ в год.
Нет контактной формы с backend-валидацией. Форма только с JS-валидацией — это декорация. Бэкенд должен валидировать, rate-limit и отправлять уведомление. Для статического сайта используем Formspree или серверлесс endpoint.
Отсутствие Schema.org разметки. Google Knowledge Panel строится на разметке LocalBusiness или Organization — адрес, телефон, часы работы. Для визитки это критично. Мы делаем её встроенной в шаблон.
Срок разработки: 2–3 недели с дизайном.
Почему скорость лендинга напрямую влияет на конверсию?
Лендинг
Лендинг — страница с одной целью: конверсия. Всё, что не ведёт к целевому действию, лишнее. Core Web Vitals здесь критичны, потому что платный трафик, а Google использует CWV как фактор в Quality Score.
Конкретный кейс: лендинг с hero-видео 8MB autoplay в MP4 без preload="none" + три сторонних скрипта аналитики синхронно в <head>. LCP 9.4s, INP 780ms. Мы заменили видео на poster image с отложенной загрузкой по scroll, скрипты перевели на async/defer и частично в Web Workers через Partytown. LCP 1.8s, INP 140ms. Конверсия выросла на 23% — только за счёт скорости, не дизайна.
A/B тестирование — стандартная практика. Google Optimize закрылся, но есть Growthbook (open source), PostHog, VWO. Для Next.js используем edge middleware для распределения трафика на уровне CDN без лишнего JS.
Срок: 2–4 недели. Закажите разработку под ключ — мы оценим ваш проект за 1 день.
Корпоративный сайт
Корпоративный — это CMS, несколько разделов, мультиязычность, интеграция с CRM. Ключевой вопрос: кто будет редактировать контент и как часто.
Если редакторы нетехнические — нужен visual editor. WordPress с Gutenberg или ACF Pro закрывает это. Для сложных структур — headless CMS (Strapi, Directus) с фронтендом на Next.js. Если сайт обновляется редко — Markdown в Git с Astro или Next.js. Деплой по push в main — никакой CMS.
Производительность. Страница «О компании» с 40 фотографиями в оригинале — LCP 12 секунд на мобильном. <Image> компонент Next.js с WebP и srcset решает без ручной работы.
Мультиязычность: Astrotomic Translatable на Laravel или next-intl / react-i18next. Структура URL — /ru/about, /en/about с hreflang.
Срок: 6–12 недель в зависимости от объёма.
Промо-сайт
Промо — временный или постоянный сайт под кампанию. Нестандартный дизайн, анимации, интерактив. Стек: GSAP, Framer Motion, Three.js, Lottie, Canvas API.
Главная ловушка — анимации, тормозящие на мобильных. GPU-анимации через transform и opacity — нормально. box-shadow в анимации, filter: blur() на каждом кадре, анимация width/height — причина 20fps на iPhone 12. will-change: transform помогает точечно.
prefers-reduced-motion — обязателен для accessibility. Мы всегда добавляем.
Срок: 3–6 недель, зависит от сложности.
Сравнительная таблица
| Параметр | Визитка | Корпоративный | Лендинг | Промо |
|---|---|---|---|---|
| Страниц | 1–5 | 10–50+ | 1–3 | 1–10 |
| CMS | Не нужна | Нужна | Не нужна | Редко |
| SEO-приоритет | Средний | Высокий | Высокий | Низкий |
| Анимации | Минимум | Умеренно | Умеренно | Интенсивно |
| Срок (с дизайном) | 2–3 нед | 6–12 нед | 2–4 нед | 3–6 нед |
Стоимость в каждом случае рассчитывается индивидуально после изучения технического задания. — Google рекомендует TTFB под 0.8s, у нас <0.2s.
Что входит в работу
- Аналитика и прототипирование (структура, пользовательские сценарии)
- Дизайн-концепция (адаптивный, mobile-first)
- Вёрстка с оптимизацией LCP, CLS, INP
- Выбор и настройка CMS (если нужна)
- Интеграция с CRM/маркетинговыми инструментами
- Тестирование (кроссбраузерное, load-testing)
- Документация и передача доступов
- Обучение редакторов (видео + письменно)
- Гарантия 3 месяца (бесплатные правки)
Наша экспертиза
Мы на рынке 10+ лет, реализовали 200+ проектов — от простых визиток до высоконагруженных лендингов с миллионными аудиториями. Каждый проект проходит аудит на Core Web Vitals перед релизом.
Вторая таблица: сравнение подходов
| Подход | TTFB (мс) | Сложность поддержки | Стоимость разработки |
|---|---|---|---|
| Static HTML/CSS | <50 | Низкая | Низкая (от 50 000 ₽) |
| Next.js + headless CMS | <200 | Средняя | Средняя (от 150 000 ₽) |
| WordPress + плагины | 500–1500 | Высокая | Высокая (от 300 000 ₽) |
Подробнее об оптимизации изображений
Мы автоматически конвертируем в WebP/AVIF, генерируем srcset для всех разрешений, используем lazy loading с Intersection Observer. Для фоновых изображений — техника progressive loading.Свяжитесь с нами, чтобы получить консультацию по вашему проекту. Закажите разработку под ключ — мы оценим сроки и бюджет за 1 день.