wtf( )unctionsystem design, drawn
← all problemsWeb PerformanceHard

Four hints that are not interchangeable

A page needs three different things made faster: a font on the critical path, an analytics host contacted later, and the next page the user will probably click.

The available hints all sound like they mean "get this sooner" and each does something structurally different. Using the wrong one is usually harmless and useless, which is why the mistake survives.

Give each need the hint that actually matches it.
Components — tap one, then tap a slot on the diagram
?The wrong hint here costs nothing and does nothing, which is why pages accumulate them.

Outside every boundary: The likely next page (same site), Another origin (contacted later), A font this page needs (on the critical path), an empty slot for the for the font, an empty slot for the for the other origin, an empty slot for the for the next page Connections: A font this page needs calls for the font (step 1) Another origin calls for the other origin (step 2) The likely next page calls for the next page (step 3)

The likely next pagesame site
Another origincontacted later
A font this page needson the critical path