pageswap и cross-document View Transitions
Плавные переходы между страницами MPA без SPA — ограничения и SEO.
Cross-document View Transitions и событие `pageswap` позволяют анимировать смену полноценных HTML-документов — альтернатива тяжёлому SPA для маркетинговых сайтов.
Требует поддержки браузера и аккуратного не-дублирования title/meta при навигации.
- View Transition API — MDN — Same-document transitions.
- Cross-document view transitions — Chrome Developers — MPA и pageswap.
Доступность
Уважайте `prefers-reduced-motion` — отключайте анимацию перехода.
Не скрывайте контент дольше 300 ms без skeleton.