diff --git a/_posts/2024-08-14-blocking-render-why-whould-you-do-that.md b/_posts/2024-08-14-blocking-render-why-whould-you-do-that.md index 550c90f0..0d25447f 100644 --- a/_posts/2024-08-14-blocking-render-why-whould-you-do-that.md +++ b/_posts/2024-08-14-blocking-render-why-whould-you-do-that.md @@ -234,6 +234,12 @@ and good user experience—but a user didn’t benefit from it. Anti-flicker snippets eschew this behaviour and take an all-or-nothing approach: nothing, nothing, nothing, _everything_. +
+ +
A regular, progressive render (top) versus an anti-flicker +big-reveal (bottom). Which do you think is the better experience?
+
+ `blocking=render` leaves the browser to its usual rendering process, so we can still get a progressive render of the page, only now we do it in a way more akin to loading a CSS file.