Chapter 3 Debugging and Optimization

On your road to becoming an advanced CSS developer, you’ll need to know how to troubleshoot and optimize your CSS. How do you diagnose and fix rendering problems? How do you ensure that your CSS creates no performance lags for end users?

It’s also important to ensure code quality. Were you a little too verbose with your comments? Do we have too many unused selectors? Are our selectors overly specific in a way that could affect performance?

Knowing which tools to use will help you ensure that your front end works well. In this chapter, we’ll look at tools to help you analyze and troubleshoot your CSS. They fall into three categories:

  1. Debugging tools, such as browser-based developer tools and remote ...

Get CSS Master now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.