15
Unoptimized external fonts
Font loading can delay text or cause shifts when the final font replaces the fallback. Impact depends on CSS and requested files.
What it means
Font loading can delay text or cause shifts when the final font replaces the fallback. Impact depends on CSS and requested files.
Why it happens on Shopify
Default embeds without font-display: swap or preconnect.
How to check if you have this issue
Inspect font requests, used weights and text changes on a slow connection. Check text visibility and layout shifts separately.
How to fix it: precise steps
Limit downloaded variants, choose suitable font-display behavior and preload only an identified critical resource. Adjust fallback metrics and retest CLS. Self-hosting also depends on font licensing.
How to confirm it is fixed
Repeat the same checks as in the verification step after deploy. SEO effects can take days to weeks depending on crawl budget.
Impact on SEO and conversion
Medium-impact issues stack with other friction; fixes refine CTR, trust, or measurement.
Related issues
Sources and editorial context
Teo Comyn · Updated
Technical references consulted for this revision. Illustrative examples are not measured client results. Check the current documentation and your store before applying a change.
Editorial policy