Lesson 4.3
Images and fonts
Images and fonts usually dominate loading performance and layout shift. Sizing, formats, and font display strategy fix most of it.
6mAdvanced3,203 students
Sign in to watch this lesson
Browsing is free. Create an account to play videos and track your progress.
Overview
Images and fonts usually dominate loading performance and layout shift. Sizing, formats, and font display strategy fix most of it.
What this lesson covers
- Serve correctly sized, modern image formats
- Reserve space so images do not shift the layout
- Choose a font loading strategy that avoids invisible text
This lesson sits in Bundle and Load Performance, part of React Performance Engineering. It assumes what came before it and leads directly into the next lesson in the module.
In this lesson you will:
- Serve correctly sized, modern image formats
- Reserve space so images do not shift the layout
- Choose a font loading strategy that avoids invisible text