-
Still thinking about the @JAMstackTORONTO meetup last night and a few of the framework image plugins talking about Blur-up or low-res Image placeholders. I’m skeptical, especially now that we get aspect ratio for free when usingOn twitter.com
widthandheightattributes.♻️ 4 Retweets ❤️ 12 Favorites Mood -1 🙁
-
Profiling one of the examples it doesn’t seem to help LCP trigger earlier—in fact animating seems to hurt LCP. The black vertical bar in the following video shows LCP. The high-res image finishes loading at 3s and starts animating but LCP doesn’t trigger until 3.5s.Permalink On twitter.com
-
For me—I don’t think this is worth it. Not if it has a JS cost. Maybe only for huge images (not on by default) and definitely *not* animating it. Either way, @cramforce has a nice No-JS blur-up demo in his blog post industrialempathy.com/posts/image-optimizations/#blurry-placeholderPermalink On twitter.com
-
anyway ask me what I think about skeleton screens which are basically the same thingPermalink On twitter.com
-
and @patrickhulce was kind enough to share the heuristics here if you’d like to learn more about when a low-src can meet the conditions for LCP: @patrickhulce/1352322993758871556Permalink On twitter.com