Stay Away From My Path!
summary
Claims concrete wins: rendering HTML on the server plus server-side rendering moves first meaningful paint from many seconds to near-instant, fonts use font-display:swap to avoid invisible text, and link rel=preload bumps resource priority. Tools cited include Lighthouse, WebPageTest, GTmetrix, lazySizes and react-loadable. Practical result: stripping third parties cut a real site from 5.2 MB to 500 KB. Recommend auditing critical CSS, lazy-loading images, and using HTTP/2.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 1:16Performance
- 3:51The Process
- 6:17Application Example
- 10:22Technical Part
- 14:08ServerSide Rendering
- 17:29Prioritize
- 19:51Images
- 21:59Resource hints
- 23:09Chrome dev tools
- 24:49HTTP
- 25:26Tools
- 27:58Questions
related talks
42mDelivering Responsibly
27mOptimizing the Critical Rendering Path in React
38mCSS and the first meaningful paint
29mHigh Performance in the Critical Rendering Path
23mOptimizing page load speed on front end side
01h 03mBetter performance === greater accessibility
34mCSS and the Critical Path
26mDon't Make Users Wait: Secrets to Supercharge Server-Rendered Page