Getting Began With CSS Audits – A Record Aside

Article Continues Under

This week I wrote about conducting CSS audits to prepare your code, maintaining it clear and performant—leading to sooner websites which can be simpler to keep up. Now that you just perceive the hows and whys of auditing, let’s check out some extra assets that may make it easier to keep your CSS structure. Listed here are some I’ve just lately found and discover useful.

Organizing CSS

  • Harry Roberts has put collectively a improbable useful resource for enthusiastic about the right way to write giant CSS techniques, CSS Pointers.
  • Fascinated about making the type information a part of the audit simpler? This Github repo features a entire bunch of information on completely different turbines.

Assist from process runners

Do you want process runners corresponding to grunt or gulp? Andy Osmani’s tutorial walks by way of utilizing all types of process runners to search out unused CSS selectors: Spring Cleansing Unused CSS Selectors.


Are you curious about auditing for accessibility as properly (hopefully you might be!)? There are instruments for that, too. This text helps you audit your website for accessibility— it’s a fantastic define of precisely the right way to do it.


  • Sitepoint takes a take a look at trimming down total web page weight, which might optimize your website fairly a bit.
  • Google Chrome’s dev instruments embody a built-in audit device, which suggests methods you would enhance efficiency. A fantastic article on HTML5 Rocks goes by way of this device in depth.

With these instruments, you’ll be higher ready to scrub up your CSS, optimize your website, and make your complete expertise higher for customers. When speaking about auditing code, many individuals are specializing in efficiency, which is a good profit for all concerned, however don’t neglect that maintainability and speedier improvement time come together with a sooner website.

Leave a Comment