Keith and Mario’s Guide to Fast Websites
summary
Benchmarks use the Navigation Timing API and a custom WBench script to target DomComplete and track standard deviation not averages. Work reduces payloads (minify + gzip and image stripping via CarrierWave and ImageOptim), splits vendor/app JS and loads async with hjs, moves assets to a CDN via asset_sync, and turns on SPDY (Cloudflare) while avoiding cookie-bearing hosts and DNS costs. Result: homepage drops from ~9s first-load to about 1.86s, meeting the <2s goal.
AI-written summary · about
chapters (5)
- 0:00Start
- 18:14Compress Images
- 22:46JavaScript at the Bottom
- 23:36Asynchronously Loading JavaScript
- 32:11CDN (Multiple Hosts)
related talks
47mMake the Web Faster
28mCSS and the Critical Path
39mGiving you ways to increase, but also explain site performance, to your boss.
51mBenchmarking Browsers
11m"Time is Money - The Measurable Value of Performance by Design"
48mThink Fast, First: Empowering a Performance Culture
25mGet Fast and Stay Fast
32mEverything you need to know about Web Performance