mobile category pages jumps around like crazy on phones. sound familiar???

Solvedclscore-web-vitalsperformance1 replies 路 128 views 路 started

Accepted solution

by Mila D.Jump to the reply

oh ive been there lol font swaps shift text when the fallback and web font have different metrics. Use font-display: optional for less important fonts, or tune teh fallback with size-adjust, ascent-override and descent-override in an @font-face rule so the swap barely moves anything.

  1. Performance has been my pet project for months and we were fnially all green. Then this:

    CLS regressed on mobile category pages after a few small releases... nothing dramatic changed in teh layout... the suspects are a web font swap and maybe a font chagne 馃檹 whats ur workflow for tracking down a layout shift regression? practical tips welcome, ideally ones i can verify before shipping the fix.

    8
  2. Accepted solution

    oh ive been there lol font swaps shift text when the fallback and web font have different metrics. Use font-display: optional for less important fonts, or tune teh fallback with size-adjust, ascent-override and descent-override in an @font-face rule so the swap barely moves anything.

    20 5 helpful

Reply to this topic

Sign in or create an account to reply.