Skip to content

kyrchenkov/performance-engineering-and-ux

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

68 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Инженерия UX и производительности

От унаследованной модели до высокопроизводительной веб-системы
© 2025 — Максим Кырченков | t.me/kyrchenkov


Назначение

Обзорный репозиторий с документацией кода из единой архитектуры, предсказуемой, мгновенной, современной среды для пользователей:

  • с навигацией на основе поведения пользователей
  • с SPA-подобным откликом
  • с PWA-опытом
    — на legacy

Формат представления

Собранные .php-файлы каждого реализованного проекта

Каждый .php-файл:

  • Содержит конфиги и скрипты из рабочей среды (с 2024 года)
  • Отражает логику внедрения, включая R&D
  • Демонстрирует целостность архитектуры производительности

Вид рабочей среды на момент составления документа

  • VPS SpaceWeb (CentOS 7, 6 CPU, 12 ГБ RAM, NVMe),
  • Apache: OpenCart 3.0.2, PHP 7.1.33 + OPcache,
  • Nginx: phpMyAdmin, BrainyCP,
  • СУБД MySQL 5.6.40 (InnoDB), Dr.Web

Общая связь и архитектура всех семи проектов

graph TD
  A[Унаследованная модель] --> B[Четырёхуровневое кэширование]
  B --> C[Поведенческая навигация с предзагрузкой]
  C --> D[Мобильное веб-приложение + SW для браузеров]
  D --> E[Браузерное расширение для операторов]
  E --> F[Диалоговое ядро с памятью и LLM]
  F --> G[«Живой диалог» UX с платформой]
  G --> H[Современный UI как отклик]
  H --> I[Внимание пользователя]
Loading
  • Каждый уровень опирается на предыдущий
  • Бессмысленно делать живой UX, если сайт медленный и "разобранный"
  • Неэффективно автоматизировать поддержку, если операторы выгорают на рутине

Построение доверия, заложенного в целостности всей системы


Структура проектов

Проекты выстроены по глубине внедрения — от фундамента к периферии:

  1. ML-Cache — Многоуровневая система кэширования. Архитектура производительности для унаследованной платформы
  2. ISPN — Интеллектуальная система предиктивной навигации. Предзагрузка на основе поведения пользователей
  3. PWA-Layer — Архитектура изолированного прикладного слоя. Создание нативно воспринимаемого интерфейса на базе веб-платформы
  4. OPS-UX — Операционная система поддержки для e-commerce. Реактивная система автоматизации для операторов на базе Chrome Extensions
  5. DialogCore — Диалоговая инфраструктура с ИИ и 500+ узлами. Масштабируемое ядро поддержки с семантической памятью, ручной калибровкой и ИИ
  6. AI-Оператор — Как техническая архитектура превращается в живое UX-присутствие
  7. UX-Vibe — Визуал как притяжение. Как переписанный с нуля визуальный язык создаёт доверие

Описание каждого проекта

1. ML-Cache

Проблема: TTFB достигал 1200 мс, сервер перегружался под нагрузкой, кэширование было фрагментарным.
Решение: Построена 4-уровневая система - OPcache, Opencart Lightning, Brotli, Service Worker.
Результат: TTFB снизился на 98%, нагрузка на CPU - на 99.3%. Система стабильна с 2024 года.

2. ISPN

Проблема: Медленные переходы, «холодные» страницы, отсутствие анализа поведения пользователей.
Решение: Внедрён сбор цепочек переходов, анализ логов, автоматический прогрев и предзагрузка контента.
Результат: TTFB снижен до 26 мс, время перехода - на 90%, Lighthouse Performance = 100.

3. PWA-Layer

Проблема: Отсутствие мобильного приложения, восприятие обычного сайта.
Решение: Реализовано разделение Service Worker на режимы PWA и браузер, внедрёна динамическая предзагрузка страниц, splash-экран, учёт установок.
Результат: +45 установок, FCP снизился на 71%, трафик - на 42%, Lighthouse = 100.

4. OPS-UX

Проблема: Высокая нагрузка на операторов, рутина, частые ошибки, несогласованность ответов.
Решение: Написано браузерное расширение, с сохранением состояния и семантической вставкой шаблонов.
Результат: Время ответа сократилось с 45 сек до 8–12, ошибки устранены полностью, обучение сокращено с 5 дней до 1.

5. DialogCore

Проблема: Все запросы проходили через операторов, отсутствовала база знаний, ответы были медленными.
Решение: Построено диалоговое ядро с 500+ узлами, семантической памятью, визуальным редактором и интеграцией ИИ.
Результат: 96% запросов обрабатываются без оператора, переводы сокращены до 1 в день, создано 200+ FAQ, база - 173 499 слов.

6. AI-Оператор

Проблема: Сомнения пользователей, пользователи не чувствовали «живого» взаимодействия с сайтом.
Решение: Реализована иллюзия присутствия - пульсирующая сфера, уведомления, игровые механики, «ритуалы» ожидания.
Результат: Конверсия выросла на 89%, время на сайте - на 104%, отказы снизились на 47%, открытие чата - на 10 900%.

7. UX-Vibe

Проблема: Даже после всех улучшений интерфейс ощущался «безжизненным». Не было визуального выражения AI-Оператора.
Решение: Полностью переработана визуальная основа интерфейса через CSS и JS - глубина, свечение, анимации, форма, реакция на касание. Сформирован единый визуальный язык.
Результат: Появилось визуальное выражение AI-Оператора. Элементы интерфейса перестали быть функциями - стали точками диалога. AI-Оператор стал не только слышимым - он стал видимым.


Публикация на Хабр

«Инженерия UX и производительности: от ядра к периферии»


Основные показатели из рабочей среды проектов:

  • TTFB с 1200 мс до 26 мс, CPU на 99,3%
  • FCP до 0,5 с, время на 70-90%
  • Скоростное мобильное веб-приложение, Lighthouse Performance 100
  • 96% запросов от пользователей обрабатывается без участия операторов
  • Ответы операторов в 5 раз быстрее, процесс обучения сократился до 1 дня
  • Быстрая, визуально современная, "живая" веб-платформа для пользователей

Lighthouse

TTFB analysis in PWAs

TTFB_PWA