Zach’s ugly mug (his face) Zach Leatherman

Image Ready v2—Developer Experience @ Eleventy

March 19, 2021 Watch in 22 minutes

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: Image Ready v2—Developer Experience @ Eleventy

< Newer
Content is Data—Sanity Open House
Older >
A Pandemic By Any Other Name

Zach Leatherman IndieWeb Avatar for https://zachleat.com/is a builder for the web at IndieWeb Avatar for https://fontawesome.com/Font Awesome and the creator/maintainer of IndieWeb Avatar for https://www.11ty.devEleventy (11ty), an award-winning open source site generator. At one point he became entirely too fixated on web fonts. He has given 84 talks in nine different countries at events like Beyond Tellerrand, Smashing Conference, Jamstack Conf, CSSConf, and The White House. Formerly part of CloudCannon, Netlify, Filament Group, NEJS CONF, and NebraskaJS. Learn more about Zach »

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. 🇺🇳

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

  2. Zach Leatherman

    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

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

  4. Jacob.lol 🤣

    <3

  5. Kenji Baheux

    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

These are webmentions via the IndieWeb and webmention.io.

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)