Skip to main content

Maxi Ferreira

2022-11-21 16:13:47


The View Transitions API now supports MPAs (Multi-page applications) and it's truly mind-blowing.

This is a server-side rendered @astrodotbuild website where every interaction is a full-page load. There is _zero_ JavaScript on this site ✨


@astrodotbuild
in reply to Lucid00

Kenji Baheux
Kenji Baheux
• •
I'm part of the team working on this and I'm really thrilled to see the interest. Especially curious to hear feedback about the hurdles between MPA page load performance and avoiding too obvious delays in starting the transition. Perhaps, some clever techniques to minimize the perceived latency, or combos with prefetch/prerender, etc.
in reply to Kenji Baheux

Lucid00
Lucid00
•
@Kenji Baheux I have noticed that upon changing pages sites tend to blink for a second, but I don't think the examples I've seen were using a service worker.

I'm guessing service workers + meta prefetch/prerender/preload would solve that (if the Chrome team isn't solving that on their end).
@Kenji Baheux
in reply to Lucid00

Kenji Baheux
Kenji Baheux
• •
if you have a demo or a repro, this would help us understand the options. Usually, Chrome should "hold the paint" for same site navigations to limit the occurence of a flash of white, and with VT I believe that the transition also tries to wait for some useful paint state (up to a point).
in reply to Lucid00

dgcollard
dgcollard
• •
can’t wait to use this! So much JS animation code gone
⇧