CSS Master

Chapter 3 Debugging and Optimization

3. Debugging and Optimization

OnyourroadtobecominganadvancedCSSdeveloper,you’llneedtoknowhow
totroubleshootandoptimizeyourCSS.Howdoyoudiagnoseandfixrendering
problems?HowdoyouensurethatyourCSScreatesnoperformancelagsforend
users?

It’salsoimportanttoensurecodequality.Wereyoualittletooverbosewithyour
comments?Dowehavetoomanyunusedselectors?Areourselectorsoverlyspecific
inawaythatcouldaffectperformance?

Knowingwhichtoolstousewillhelpyouensurethatyourfrontendworkswell.
Inthischapter,we’lllookattoolstohelpyouanalyzeandtroubleshootyourCSS.
Theyfallintothreecategories:

1.Debuggingtools,suchasbrowser-baseddevelopertoolsandremotedebugging

services

2.Minificationtools

3.Code-qualitytools