HTML

4 posts

1/18/2024

DOM Render Pipeline: From HTML String to Pixels on Screen

A breakdown of how browsers turn an HTML string into pixels on screen, and why some resources block rendering (parser-blocking)

6/8/2023

Resource Hints

Break down what dns-prefetch, preconnect, prefetch, preload, and prerender actually do and how much priority each one gets, so you know exactly which one fits which situation instead of throwing all of them onto every page.

5/28/2023

async & defer

What happens by default when the browser's HTML parser hits a <script> tag, and how the async and defer attributes each change when a script downloads and runs — so you know which one to reach for.

5/16/2023

Semantic HTML tags

Starting from a page built entirely out of <div>s, this walks through what semantic tags are actually for, when to reach for each one, and how they affect accessibility tools and SEO.