Обзор #
Комплексный фреймворк для оценки веб-сайтов, веб-приложений и цифровых продуктов. Охватывает UX, технологический стек, производительность, безопасность, SEO и бизнес-жизнеспособность.
Процесс #
Фаза 1: Первое впечатление (30 секунд) #
Откройте сайт без подготовки. Зафиксируйте сразу:
- Быстро ли загружается? (цель: < 3 сек)
- Понятно ли назначение в течение 5 секунд?
- Логична ли навигация?
- Адаптирован ли для мобильных устройств?
- Есть ли визуальные баги или проблемы с вёрсткой?
Фаза 2: Анализ стека #
Фронтенд #
- Фреймворк / библиотека (React, Vue, vanilla и т.д.)
- Подход к CSS (Tailwind, Bootstrap, кастомный)
- Размер JavaScript-бандла и стратегия загрузки
- Оптимизация изображений (WebP, ленивая загрузка, адаптивность)
Бэкенд #
- Серверная технология (видимые заголовки, паттерны ответов)
- Структура API (REST, GraphQL и т.д.)
- Механизм аутентификации
- Обработка ошибок (утекает ли информация через ошибки?)
Сторонние сервисы #
- Аналитика (Google Analytics, Plausible и т.д.)
- Использование CDN
- Обработка платежей
- Виджеты чата / поддержки
- Реализация cookie-согласия
SEO #
- Мета-теги (title, description, OG, Twitter)
- Структурированные данные (JSON-LD, microdata)
- Sitemap.xml и robots.txt
- Канонические URL
- Адаптация для мобильных (Google Mobile-Friendly Test)
- Core Web Vitals (LCP, FID, CLS)
Производительность #
- Lighthouse-оценка (Performance, Accessibility, Best Practices, SEO)
- TTFB, FCP, LCP
- Анализ бандла
- Стратегия кэширования (заголовки, service worker)
Безопасность #
- Конфигурация HTTPS (SSL Labs grade)
- Заголовки безопасности (CSP, HSTS, X-Frame-Options и т.д.)
- Флаги безопасности cookie (Secure, HttpOnly, SameSite)
- Видимые уязвимости (открытый .env, листинг каталогов и т.д.)
Фаза 3: Чеклист UX/UI #
- Чёткое ценностное предложение выше линии сгиба
- Единообразная навигация на всех страницах
- Доступность (минимум WCAG 2.1 AA)
- Адаптивность на всех breakpoint’ах (мобильный, планшет, десктоп)
- Формы с валидацией и сообщениями об ошибках
- Индикация загрузки для асинхронных операций
- Страница 404 существует и полезна
- Доступна контактная информация / поддержка
- Единообразная типографика и отступы
- Контраст цветов соответствует стандартам (4.5:1)
Фаза 4: Монетизация и конверсия #
- Анализ модели монетизации (подписка, freemium, реклама и т.д.)
- Маппинг воронки конверсии
- Размещение и ясность CTA
- Страница цен (если применимо)
- Краткое сравнение с конкурентами
Фаза 5: Классификация багов и техдолга #
| Серьёзность | Определение | Пример |
|---|---|---|
| Критическая | Блокирует основную функциональность или приводит к потере данных | Не проходит оплата, не работает логин |
| Серьёзная | Существенно ухудшает опыт | Вёрстка ломается на мобильном, медленная загрузка |
| Косметическая | Визуальные проблемы, не блокирующие использование | Несовпадение элементов, опечатки |
Фаза 6: Оценка стоимости #
Вариант A: Редизайн (исправление существующего) #
- Оценка часов по уровню серьёзности
- Применение диапазона часовых ставок (junior / middle / senior)
- Включение накладных расходов на управление проектом (15-20%)
Вариант B: Перестройка (с нуля) #
- Оценка по компонентам (фронтенд, бэкенд, интеграции)
- Включение фазы discovery / дизайна
- Включение тестирования и деплоя
Фреймворк ROI #
ROI = (Прогнозируемый рост выручки - Стоимость исправления) / Стоимость исправления × 100%Факторы:
- Потенциал улучшения конверсии
- Потенциал роста SEO-трафика
- Снижение расходов на поддержку
- Снижение расходов на обслуживание техдолга
Формат отчёта #
# Технический аудит: [Название сайта / продукта]
## Краткое резюме
[2-3 предложения]
## Оценки
| Категория | Оценка (1-10) |
|-----------|--------------|
| Производительность | |
| UX/UI | |
| SEO | |
| Безопасность | |
| Качество кода | |
| **Итого** | |
## Ключевые находки
[Топ-5 проблем по степени влияния]
## Детальный анализ
[Полный анализ по категориям]
## Рекомендации
[Приоритизированные действия]
## Оценка стоимости
[Вариант A vs Вариант B с обоснованием]