Zach’s ugly mug (his face)

Zach Leatherman

Image Ready v2—Developer Experience @ Eleventy

March 19, 2021 Watch in 22 minutes Tagged: Eleventy Speaking

This is a meetup talk given at Jamstack TORONTO about Eleventy Image. It was really fun to give a talk alongside the folks from Gatsby.js, Next.js, and Sanity folks to see how they handle images. I’m really proud of the featureset that Eleventy Image has and how it compares to the others.

This talk was also converted to blog post format at: Don’t Shut Down Your Business! Instead, use Eleventy Image.


Watch on YouTube.

Zach’s ugly mug (his face)

Zach is a builder for the web with IndieWeb Avatar for https://www.netlify.comNetlify. He created the IndieWeb Avatar for https://www.11ty.devEleventy site generator and is still fixated on web fonts. His public speaking résumé includes talks in eight different countries at events like Jamstack Conf, Beyond Tellerrand, Smashing Conference, CSSConf, and The White House. He is an emeritus of Filament Group, NEJS CONF, and still helps out with nebraskajs’s AvatarNebraskaJS. Read more about Zach »

Previous
Content is Data—Sanity Open House
Next
A Pandemic By Any Other Name

2 Reposts

EleventyJamstackTORONTO aka Jamstack U.N. 🇺🇳

38 Likes

Joshua YoesMatt SidorRyan DiMascioKent C. Dodds 🌌HuydovydenJacob.lol 🤣Casey Robinson👨🏻‍💻MaëligRhian van Esch⚙️ Christian SharafBrett JankordNaomi See 🤖👩🏻‍🎤❤️🤦‍♀️🥸🦠Patrick HaugNixinovaMike AparicioDanny de VriesJasper Moelker 🇪🇺💜⚡CosCarles MuiñosRobert McCrearyPeter AntoniusMarco useCauseAndEffect()Andrew AquinoPaul ApplegateDave 👾 Working from homeDennisAlena Nikolaevaaaron hansDevessierBrett EvansEleventyRattleknife DesignChris TseStephanie EcklesTrevor TwiningOleksandr ShutLee Fisher
5 Comments
  1. JamstackTORONTO aka Jamstack U.N. 🇺🇳

    @JAMstackTORONTO

    you're always welcome Zach (#doubleEntendre). Apologies for the late deploy, but happy we finally got them out.

  2. Zach Leatherman

    @zachleat

    Yeah same. I talked a bit about this at zachleat.com/web/image-read… @cramforce published a No-JS blur-up approach a few years back if you’re still shopping around! industrialempathy.com/posts/image-op…

  3. Malte Ubl

    @cramforce

    We also put it into next/future/image so not every framework is doing this badly 😇

  4. Jacob.lol 🤣

    @ebey_jacob

    <3

  5. Kenji Baheux

    @KenjiBaheux

    Great article. One note on lazy load, according to web.dev/lcp-lazy-loadi… it's probably better to restrict the lazy loading tip for images that are known to be below the fold, or at the very least not to be used on a LCP image (almanac.httparchive.org/en/2022/media#…)

Shamelessly plug your related post:

Sharing on social media?

This is what will show up when you share this post on Social Media:

How did you do this? I automated my Open Graph images. (Peer behind the curtain at the test page)