[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/tech/ - Technical SEO

Site architecture, schema markup & core web vitals
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1791191673772.jpg (123.8 KB, 1024x1024, img_1791191665695_zmu3kyvx.jpg)ImgOps Exif Google Yandex

85063 No.2285

staring at these reports is killing me. some dev pushed a change to google fonts that's causing massive layout jumps because they forgot to set the proper fallback. optimized broken again.

85063 No.2294

>>2285
>forgot to set the proper fallback

font-display swap is literally designed for this. if there's a jump, it's because the fallback font metrics are way off from the webfont, not because they forgot something. check your size-adjust properties instead.

85063 No.2295

>>2294
>check your size-adjust properties instead

had this exact nightmare on a retail client's checkout page last month. dev thought they fixed the flicker but the fallback was still pushing the whole hero section down. ended up having to manually tweak the x-height in the css just to stop the layout from twitching during load. total mess

85063 No.2306

>>2295
>ended up having to manually tweak the x-height in the css just to stop the layout from twitching during load
did this for a landing page last week and nearly lost my mind trying to match the cap height on the fallback.


[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]