Performance & CI

Core Web Vitals (INP < 200ms), Satori dynamic OpenGraph, Vitest 4, Playwright, and Quality Gates

Section «Performance & CI» Progress

0%(0/2 steps)

+0 XP0 of 2 solved

Performance & 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

Progress: 0 of 1 steps0%

Performance & 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

Progress: 0 of 1 steps0%