Reducing Layout Shifts Caused by Font Rendering
Fix layout shift caused by font loading! Font loading can trigger reflows and visual instability, negatively impacting user experience and Core Web Vitals, specifically the Cumulative Layout Shift (CLS) metric.
We’ll look at new and existing CSS that focus on reducing visual discrepancies and optimise font loading behaviour. We’ll enhance visual stability, reduce layout shifts, and improve web performance scores and ultimately create a better overall user experience.
Mandy Michael
Mandy is a multiple award-winning Front End Developer, now Lead Software Engineer at Octopus Deploy.
She speaks at conferences and events locally and internationally sharing her work and experiments with new and old technology.
Mandy is an avid supporter of local communities, organising and volunteering at events across Australia. She is the Founder and Organiser of Fenders a Perth meetup for Front End Developers, Director of Mixin Conf, a Google Developer Expert in Web Technologies, a Microsoft Regional Director and in its inaugural year, in 2018, was named one of the Top 20 Women in Tech in Western Australia.