Performance
Speed is a design outcome. Image choices, font choices and layout decisions all affect how fast a page feels.
Not yet reviewedLevel
Resources
Terms
- IntermediateCore Web VitalsCore Web Vitals are three measures of user experience: loading (LCP), responsiveness (INP) and visual stability (CLS).Not yet reviewed
- IntermediateLayout shiftLayout shift is when content moves after it has appeared, usually because images, ads or fonts load late.Not yet reviewed
- BeginnerImage optimizationImage optimization means serving images at the right size, in efficient formats like WebP or AVIF, and with compression.Not yet reviewed
- IntermediateLazy loadingLazy loading delays loading images and other content until they are about to scroll into view.Not yet reviewed
- IntermediateFont loadingFont loading is how custom fonts are downloaded and shown.Not yet reviewed
- IntermediateCachingCaching stores a copy of a file closer to the user, or in their browser, so it does not need to be downloaded again.Not yet reviewed
- IntermediateBundle sizeBundle size is how much JavaScript and CSS a page sends to the browser.Not yet reviewed
Articles
Web Vitals
Explains the Core Web Vitals, their thresholds and how to measure them.
Courses
Learn Performance
A beginner friendly course on loading, images, fonts and code splitting.
Know more about Performance?
Suggest a term, a change, or a resource. No account needed.
Suggest a change