Get Your "head" Straight
summary
Shows that reordering head reduces start render from 9.3s to 2.6s; moving a meta content security policy to the top saves about 3.7 seconds by preserving the preload scanner; removing a redirect saves ~500ms; self‑hosting assets saves ~377ms; removing an @import saves ~750ms, cumulatively yielding ~6.6s improvement by nudging lines. Builds a bookmarklet ct.css that highlights blocking files and anti‑patterns and demonstrates double downloads, parser ordering (metadata, title, synchronous JS, synchronous CSS) and why specific reordering actually works.
AI-written summary · about
chapters (14)
- 0:00The head tag problem
- 2:58Core web performance concepts
- 7:07Analyzing slow head tags
- 8:55Quick wins for optimization
- 12:00Self-hosting and efficiency
- 13:26Validating head tag structure
- 16:03The optimum head tag order
- 17:36CSP meta tag dangers
- 25:13Optimizing metadata and title
- 29:33JS and CSS interactions
- 37:02Fixing CSS imports
- 40:02SEO and social tags
- 42:35Final performance results
- 44:05Head tag analysis tool
