712: Lazy Loading the Web with Scott Jehl
Show Description
Chris Coyier and Scott Jehl discuss the recent advancements in lazy loading on the web, the process of standardization, browser support, and the future of web performance optimization.
Listen on Website
Guests
Scott Jehl
Guest's Main URL • Guest's Social
Tech lead of the Performance & Accessibility Team at Squarespace.
Links
Scott Jehl, Web Designer/Developer
YouTube Embeds are Bananas Heavy and it's Fixable – Frontend Masters Blog
How To Use Standard HTML Video & Audio Lazy-Loading on the Web Today — Squarespace Engineering Blog
Squarespace & Web Standards: How We Helped Bring HTML Video & Audio Lazy Loading to Today's Browsers — Squarespace Engineering Blog
web-platform-tests documentation — web-platform-tests documentation
Sponsors
Sanity
The back-end built for AI content operations. Power web, mobile, and agentic applications at scale. Start building with an extended 60-day trial.
848: Web Components Can’t Save Us with Scott Jehl
Scott and Wes talk with Scott Jehl about the benefits, challenges, and use cases of web components, particularly in design systems and performance.
Show Notes 00:00 Welcome to Syntax!
00:55 Scott’s background and career Responsible Responsive Design
Webpagetest.org
06:46 An overview of web components
09:06 Why should people care about web components?
13:16 Should you write your own web components?
14:39 Reactivity in web components
15:56 DOM parts
18:23 Styling web components
22:08 Brought to you by Sentry.io
22:33 CSS custom properties Mux Player Customizer
24:28 Responsive video
28:27 The polyfill use case
30:55 Shadow DOM challenges
36:04 Web components in design systems
41:58 How are people using web components?
43:25 Web components and server-side rendering
45:00 Scott’s thoughts on build tools
47:33 Sick Picks & Shameless Plugs
Sick Picks Scott: Enhance
Shameless Plugs Scott: Squarespace is hiring
Web Components Demystified - Get 30% off with coupon code “syntax”
Web Components Community Group
Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Scott: X Instagram Tiktok LinkedIn Threads
Randy: X Instagram YouTube Threads
24: Scott Jehl on Responsible Responsive Design and Progressive Enhancement, Part Two
Scott Jehl is a designer and developer working at Filament Group. Scott is also an author and speaks regularly at conferences like An Event Apart. In this interview, Scott and I discuss progressive enhancement and his book, Responsible Responsive Design.
Mentioned at some point in the interview:
ScottJehl.com, Scott's Twitter, Scott's GitHub
Filament Group
Responsible Responsive Design (book)
Designing with Progressive Enhancement (book)
Critical (Addy Osmani)
Critical CSS (Filament Group)
loadCSS
24: Scott Jehl on Responsible Responsive Design and Progressive Enhancement, Part One
Scott Jehl is a designer and developer working at Filament Group. Scott is also an author and speaks regularly at conferences like An Event Apart. In this interview, Scott and I discuss progressive enhancement and his book, Responsible Responsive Design.
Mentioned at some point in the interview:
ScottJehl.com, Scott's Twitter, Scott's GitHub
Filament Group
Responsible Responsive Design (book)
Designing with Progressive Enhancement (book)
Critical (Addy Osmani)
Critical CSS (Filament Group)
loadCSS
