Tag · 6 notes
Performance
Notes on making pages load fast, from size budgets and the largest contentful paint to prefetching and smaller web fonts.
2026
Cut your web fonts down to the characters you useA font file carries hundreds of glyphs, and this site uses 119 characters. Subsetting at build time cut the preloaded fonts by a quarter.
write-upHow to prefetch the next page with speculation rulesA small JSON block tells Chromium browsers to load a page before the visitor clicks its link. No JavaScript needed, and other browsers just ignore it.
tilvisibility: hidden vs display: none in animationsWhen content appears step by step, the page jumps with every step. Hiding the later steps with visibility: hidden instead of removing them fixes that.
tilWhat the budgets caughtHow measuring first changed the notes filter, the home page's largest paint, the fonts and the budgets.
write-upAn ASCII grid that waitsThe ASCII grid behind the home terminal, and how it stays out of the way of the page.
write-upHow this site worksA static site built with Bun and React, JavaScript only where needed, and size budgets as tests.
write-up