Optimizing Critical CSS

CSS has long been the focus of may poorly performing websites. But with better writing techniques, mobile-first strategies, minifying code and inlining essential "above the fold" CSS can help with load times and increase perceived performance for critical CSS.

New Terms:

OOCSS -- Object Oriented CSS, CSS structural concept pioneered by Nicole Sullivan.SMACSS -- Scalable and Modular Architecture for CSS, book written by Jonathan SnookCSS Shorthand -- CSS properties that let a developer set the values of multiple properties within a single CSS ruleMedia Query -- CSS technique that constrains a block of CSS until conditions are trueVendor prefix -- a tool that allows browser developers to release new CSS features before they have been standardizedAutomated process pipeline -- a script that executes a series of process aimed at preparing code for production deploymentNpm -- Node Package ManagerGulp -- a popular automated process pipeline tool written in JavaScript