Rendimiento y CI

Core Web Vitals (INP < 200ms), OpenGraph dinámico de Satori, Vitest 4, Playwright y Quality Gates

Progreso de sección «Rendimiento y CI»

0%(0/2 pasos)

+0 XP0 de 2 resueltos

Rendimiento y CI

~8 h

ТЗ: Высококонверсионный лендинг с Core Web Vitals (LCP < 1.2s) и динамическим OpenGraph

Инженерная спецификация бескомпромиссного лендинга: оптимизация Largest Contentful Paint до 1.2с, шрифты без CLS, динамические OG-картинки на Edge через Satori и микроразметка Schema.org.

Каждые 100 мс задержки стоят нам процентов конверсии. Первый экран должен отображаться моментально, картинки отдаваться в формате AVIF, а при шеринге в Telegram и Twitter подтягиваться динамическая карточка с кастомным заголовком.

Next.js 16next/font/googlenext/image (AVIF/WebP)Satori (@vercel/og)+2

Progreso: 0 de 1 pasos0%

Rendimiento y CI

~10 h

ТЗ: Комплексный пайплайн тестирования: Vitest + Playwright E2E + GitHub Actions

Инженерная спецификация непрерывного контроля качества: юнит- и интеграционные тесты Vitest (Testing Library), сквозные E2E сценарии в реальных браузерах Playwright и автоматические Quality Gates в CI.

Мы хотим выпускать релизы каждый день и быть уверенными, что кнопка оплаты и добавление промокода работают. Время прогона CI не должно превышать 3 минут.

Vitest 4React Testing Library@testing-library/user-eventPlaywright E2E+2

Progreso: 0 de 1 pasos0%