Delivering the goods

on YouTube ↗23m

" summary

Argues that user-perceived load tracks speed index not onload, shows TCP costs (DNS + handshake + TCP slow start) cause latency to dominate bandwidth, and proves the first bytes matter so aim to deliver the first 14 kilobytes of above-the-fold HTML/CSS in the initial response. Recommends inlining critical CSS, deferring noncritical JS, avoid HTML redirects, gzip responses, target <1s full mobile paint, ~200ms server TTFB and speed index <1000.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 7:43Components of an HTTP request
3. 8:35Bandwidth vs. Latency impact on Page Load Time
4. 9:33The TCP Handshake: SYN, SYN-ACK, ACK
5. 10:11TCP Slow-Start (congestion control)

" related talks

• 42mDelivering ResponsiblyScott Jehl · CSSConf Australia 2015
• 23mOptimizing page load speed on front end sideKrešimir Burić · WebCamp Zagreb 2018
• 19mPerceived Performance, And Why It MattersIndira Pranabudi · All Things Open 2019
• 29mSpeed Essentials: Key Techniques for Fast WebsitesKatie Hempenius, Houssein Djirdeh · Chrome Dev Summit 2018
• 39mUnderstanding Page LoadZiling Zhao · HighLoad++ 2015
• 42mBuilding quick apps in 2018Ivan Akulov · CSS-Minsk-JS 2018
• 49mUX Patterns for Web DevelopersNicole Saidy, Jad Joubran · NDC Sydney 2017
• 01h 03mNew Adventures in Responsive Web DesignVitaly Friedman · HolyJS 2017