Jacob 'kurtextrem' Groß

48 Followers
283 Following
14 Posts
Sr. Performance Engineer @Framer · webperf/UX/security
Homepagehttps://kurtextrem.de
@eeeps fwiw you might be able to get the desired effect by using fetchpriority="low"
Giving V8 a Heads-Up: Faster JavaScript Startup with Explicit Compile Hints · V8

Explicit compile hints control which JavaScript files and functions are parsed and compiled eagerly

Chrome 136+ ships a new V8 version that supports a "compile hint", which makes V8 parse and compile all functions in that file eagerly.

Great for entry points – where you know all functions will very likely be used. Less so as 'one weird trick to make all your JS faster'.

@eeeps @matthiasott @kevinpowell @mdn @grigs Afaik, chromium might introduce a DPR cap, but I can't think of any reasonable change to how the source is selected that could break the mechanism.

Anyway, I certainly agree, if you can use picture, you should - I think I mention that somewhere in the post too. Less complexity, easier to handle.
In my scenario, we couldn't switch for various engineering related reasons so I came up with this 😄

@matthiasott @kevinpowell @mdn @eeeps @grigs
You can get pretty clever with the img tag alone though as I demo here: https://kurtextrem.de/posts/modern-way-of-img. Using <picture> is much simpler, though.
The modern way of serving images

Technical in-depth guide for the <picture> & <img> srcset and sizes attributes to create responsive & performant images.

🎉 Framer can now simulate DOM sizes and positions on the server, without the real DOM.

This lets us automatically do optimizations that rely on element sizes – like loading=lazy, image preloading*, and content-visibility*.

AFAIK no other site platform supports this today.

(* = soon)

Last week in Framer performance: we shipped AVIF support! Now, all images are served as AVIF, making them 20+% smaller.

AVIF takes ages to encode, tho, so we came up with a clever trick. 🧵

@nolan Good point!
@sarajw @Schepp @tunetheweb @developers I'd prefer English by default too (unless article has been translated to a specific language by a human)
@eeeps Love the article. Just shared it on the WebPerf slack (are you on it btw?)