Stop Lying to Your Users with Q&A

on YouTube ↗36m

" summary

Claim: many sites “look ready” but aren’t, causing broken inputs and layout shifts; concrete fixes: use server side rendering or a tiny head script that reads cookies to add a class and reserve space, set ad boxes with CSS aspect-ratio, and render basic HTML forms as fallbacks. Evidence: YouTube example sends 1.3 megabytes then needs another 500 kilobytes before search actually works. Proof of concept: replacing spinners with reserved layout and aspect-ratio placeholders eliminates jumps and improves UX.

AI-written summary · about

" chapters (16)

1. 0:00Introduction
2. 1:05Defining the lie
3. 7:37Principle to stop lying
4. 12:10Fix misleading loading
5. 14:42Prevent layout shifts with ads
6. 16:30YouTube search failure
7. 19:19Personal website UX
8. 20:48Q&A
9. 26:35Bandwidth and layout jumps
10. 28:23Hybrid SSR benefits
11. 29:50Testing slow loading
12. 31:58YouTube tech stack future
13. 33:25Convincing decision-makers
14. 33:48CSS skeleton techniques
15. 34:49JavaScript unit testing
16. 36:17Closing

" related talks

• 43mResponsive Web Bloopers at VikiAysha Anggraini · Mobile Era 2017
• 42mDelivering ResponsiblyScott Jehl · CSSConf Australia 2015
• 10mUX patterns optimized for Core Web VitalsGarima Mimani · Chrome Dev Summit 2020
• 29mSpeed Essentials: Key Techniques for Fast WebsitesKatie Hempenius, Houssein Djirdeh · Chrome Dev Summit 2018
• 49mUX Patterns for Web DevelopersNicole Saidy, Jad Joubran · NDC Sydney 2017
• 20mGood design hasn’t changed with AIJohn Pham · AI Engineer World's Fair 2025
• 45mBuilding Web Apps That Don’t SuckFrederic Harper · UX Burlington 2019
• 39mYou really don't need all that JavaScript, I promiseStuart Langridge · JSCamp Romania 2019