CSS TutorialLesson 46Free preview

CSS Optimization

This lesson is part of CSS · All levels

Summary

CSS optimization aims to make pages load faster and stay responsive. Steps generally include removing unused code, incorporating similar rules, shortening files, and reducing overly heavy selection. CSS includes resources that hold back rendering, so the way it loads has a big impact on the performance speed.

Key points

Delete unused rules and comments to shrink the CSS file.
Combine the rules with the same selector and summarize the same declaration.
Minimization removes spaces and comments to reduce transfer size.
Use the query media on the link element, for example, only load print style when needed.
Avoid selectors cramming too deeply because they increase the browser's match time.

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.