Zach’s ugly mug (his face) Zach Leat­herman
Recent Activity
  1. 26 reposts18 replies

    Timo Mihaljov Eric McCormick Sasha Chudesnov Joris Gundermann d3v1an7 Windy city :verified: Marie Ben Delarre
  2. 2 replies

    Jesse Sutherland Christopher Kirk-Nielsen
  3. 1 repost1 reply

    Doug Parker 🕸️ Curtis Wilcox Tobias Fedder PDFops Joe Dakroub katherine Anneke Rob

Image Ready v2—Developer Experience @ Eleventy

Watch in 22 minutes 400 25 March 19, 2021

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

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

Zach Leatherman IndieWeb Avatar for https://zachleat.com/is a builder for the web at Font Awesome and the creator of Build Awesome (née IndieWeb Avatar for https://www.11ty.devEleventy/11ty), an award-winning open source website generator. He measures website performance with speedlify and at one point became too fixated on web fonts. He has given 89 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
Lee FisherOleksandr ShutTrevor TwiningStephanie EcklesChris TseRattleknife DesignEleventyBrett EvansDevessieraaron hansAlena NikolaevaDave 👾 Working from homeDennisPaul ApplegateMarco useCauseAndEffect()Andrew AquinoPeter AntoniusRobert McCrearyCarles MuiñosCosJasper Moelker 🇪🇺💜⚡Danny de VriesMike AparicioNixinovaPatrick HaugNaomi See 🤖👩🏻‍🎤❤️🤦‍♀️🥸🦠Brett Jankord⚙️ Christian SharafRhian van EschMaëligJacob.lol 🤣Casey Robinson👨🏻‍💻dovydenHuyKent C. Dodds 🌌Ryan DiMascioMatt SidorJoshua Yoes
5 Comments
  1. JamstackTORONTO aka Jamstack U.N. 🇺🇳
    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
    Zach Leatherman
    OP

    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
    Malte Ubl

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

  4. Jacob.lol 🤣
    Jacob.lol 🤣

    <3

  5. Kenji Baheux
    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#…)

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)