Comments on: Why you should care about CSS page performance

By: Website development

Website development — Tue, 01 Jan 2013 04:39:00 +0000

Hardware acceleration Javascript, you can in some rendering of CSS browser. In the mobile Safari browser, which makes GPU and 3D animation. It refers to the use of computer graphics hardware acceleration, I do not know Javascript or come out to play.

By: marcocarag

marcocarag — Tue, 29 May 2012 17:18:00 +0000

Great post. Seconding Adrian above on CSS abstraction libraries; it’s all too tempting to pile on the specificity thanks to nesting in something like SASS. Looking forward to trying out these tools on my own sites.

By: Shane O'Donnell

Shane O'Donnell — Tue, 29 May 2012 17:16:00 +0000

As far as I know, Javascript isn’t hardware accelerated, but in some browsers CSS rendering can be. Namely, Safari mobile renders animations and 3D with the GPU. Since hardware acceleration refers to using the graphics chip, I don’t see how Javascript comes into play.

By: Азиз Газанчиян

Азиз Газанчиян — Fri, 18 May 2012 20:15:00 +0000

“CSS Stress Test” doesn’t respect iframes. I know they are ugly. but still…

By: Adrian Westlake

Adrian Westlake — Tue, 01 May 2012 11:39:00 +0000

Good read.

Spending a lot of time getting very small amounts of time performance is definitely a waste of time, so finding the big holes is definitely sound advise.

Bear in mind CSS specificity rules (right to left) and have an overall strategy for your CSS whether that be OOCSS, SMACSS or the best bits from both to ensure that your code doesn’t become too bloated and slow. The recent trend of people using SASS/LESS worries me slightly in that it will generate a lot of poor code because people don’t understand it enough. You should have total control or a full understanding of the CSS that is being generated.

Your BMW site example is probably not the best however as looking at their site it doesn’t give me a good impression ;)