Get Your Head Straight
summary
HTML is parsed line by line so anything in the head blocks render; the head becomes the single biggest render‑blocking part of a page. A real demo starts at ~9.3s first contentful paint and after reordering tags, self‑hosting assets (saved ~377ms), removing redirects, moving the CSP to the top (saved ~3.7s) and removing @import drops FCP to ~2.6s. Built a diagnostic bookmarklet called CT.CSS that highlights head inefficiencies; core rule: HTML is parsed line by line, head is the single biggest render‑blocking.
AI-written summary · about
chapters (12)
- 0:00The importance of head tags
- 2:33Key performance concepts
- 4:52Analyzing bad head patterns
- 7:44Removing inefficient elements
- 13:11Fixing invalid head syntax
- 17:02Defining optimal head order
- 18:57Optimizing CSP and preloading
- 28:34Prioritizing page metadata
- 32:52Javascript and CSS interaction
- 39:26Refactoring complex head tags
- 41:55SEO and social media considerations
- 45:20Tooling and final insights
