Производительность & CI

Core Web Vitals (INP < 200ms), Satori динамический OpenGraph, Vitest 4, Playwright и Quality Gates

Прогресс раздела «Производительность & CI»

0%(0/2 шагов)

+0 XP0 из 2 решено

~8 ч

ТЗ: Высококонверсионный лендинг с 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

Прогресс: 0 из 1 шагов0%

Производительность & CI

~10 ч

ТЗ: Комплексный пайплайн тестирования: 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

Прогресс: 0 из 1 шагов0%