Доработка и оптимизация магазина курсов
Задача клиента
Ускорить работу интернет-магазина курсов, повысить плавность интерфейса при просмотре каталога и оптимизировать воспроизведение медиаконтента для удержания пользователей.
Исходная проблема
Медленная загрузка тяжелых видеоматериалов на мобильных устройствах, задержки при рендеринге большого количества карточек курсов в каталоге и мелкие UI-баги, ухудшающие пользовательский опыт (UX).
Что было сделано
- Оптимизирована загрузка и кэширование видеоплееров на страницах курсов
- Реализован ленивый рендеринг (Lazy Loading) и виртуализация списка карточек для ускорения каталога
- Проведен рефакторинг UI-компонентов, устранены скачки верстки (CLS)
- Оптимизированы медиаресурсы и настроено адаптивное сжатие изображений
Структура сайта
Технологии и сроки
Стек
- React
- TypeScript
- Express
- PostgreSQL
- Drizzle ORM
- Tailwind CSS
- Vite
- Radix UI
- TanStack Query
- Wouter
- esbuild
- AWS S3
Срок реализации
21 день
Результат
Скорость загрузки видео увеличилась на 40%, показатель PageSpeed (Performance) вырос до 90, а плавность скролла каталога стала стабильной на любых устройствах.
Хочу похожий проект
Расскажите о задаче - отвечу в течение часа с конкретным предложением.
-
ФИО
Костиков Михаил Юрьевич
-
Статус
Индивидуальный предприниматель
-
ОГРНИП
123456789012345
- В чате Telegram @mihail_kostikov_work
- Позвоните мне +7 977 464-70-87
- Напишите письмо dev@kostikovmu.ru
Пн — Пт · 9:00 — 17:00 (МСК)
Или можно встретиться в Москве лично.