Tag: css performance

How to animate “box-shadow” with silky smooth performance

A handy method for animating the box-shadow property in CSS without causing re-paints on every frame…
csshead 0 Comments

Why we don’t have a parent selector

With work, I’ve had to do quite a bit of examination of performance. We run a number of tools over an application to determine where the bottlenecks are. One such application is Google Page Speed which provides a number of recommendations to improve JavaScript and rendering performance. Before I get into its recommendations, we need […]
csshead 0 Comments

Efficiently Rendering CSS

I admittedly don’t think about this idea very often… how efficient is the CSS that we write, in terms of how quickly the browser can render it? This is definitely something that browser vendors care about (the faster pages load the happier people are using their products). Mozilla has an article about best practices. Google […]
csshead 0 Comments

Simplifying CSS Selectors

An investigation into CSS selector performance. Not all CSS selectors hurt performance, even those that might look expensive. The key is focusing on CSS selectors with a wide-matching key selector. This becomes even more important for Web 2.0 applications where the number of DOM elements, CSS rules, and page reflows are even higher…
csshead 0 Comments

Performance Impact of CSS Selectors

A few months back there were some posts about the performance impact of inefficient CSS selectors. This is the kind of browser idiosyncratic behavior that merits investigation. Is it worth the time to make CSS selectors more efficient…
csshead 0 Comments