712: Lazy Loading the Web with Scott Jehl

In this episode of Shop Talk Show, host Chris Coyier sits down with Scott Jehl, a longtime web standards advocate and now engineer at Squarespace, to discuss the long-awaited rollout of lazy loading for video and audio elements in web browsers. Scott shares the journey behind bringing this feature to life, including his earlier work on responsive video sources that were once part of the HTML spec but later removed. He recounts how, during a Squarespace Hack Week, a team of engineers took on the challenge of resurrecting and standardizing lazy loading for media elements, contributing to Firefox and WebKit implementations and helping shape the HTML standard through public collaboration, web platform tests, and working group meetings. The episode dives into technical details like browser behavior differences, the role of the `loading="lazy"` attribute, preload strategies, and the upcoming proposal to make the `poster` attribute responsive and accessible via a nested `<img>` element. Scott emphasizes the power of community-driven standards work and the satisfaction of seeing developer needs turn into real browser features. The conversation also touches on broader web performance themes, the importance of accessibility, and the evolving nature of web standards—where ideas are debated, tested, and refined over time. Scott’s story is a testament to how individual initiative, combined with open collaboration, can drive meaningful change in the web ecosystem. The episode ends with a playful nod to YouTube thumbnails and a call for community feedback on the upcoming poster redesign proposal, underscoring the inclusive, iterative spirit of web standards development.