One font fix stopped a page from 'jumping' as it loaded

One font fix stopped a page from 'jumping' as it loaded

A reader complained her articles felt broken: text jumped and shifted while the page loaded, and people mis-tapped buttons. This annoying jump is called layout shift.

The culprit was a fancy web font loading late, then shoving everything around when it arrived.

Her fix was small:
— She set the font to 'swap', so readable text shows instantly and the fancy font slots in smoothly afterward.
— She also hosted the font on her own site instead of fetching it from elsewhere.

The page stopped jumping, and her Google 'page experience' score went from poor to good.

Think of it like setting the table before guests sit down, instead of mid-meal.

In plain words: show readable text first and load decoration after, so the page stops dancing around.