Blog

April 7, 2014

CSS Selectors Performance

Please, stop caring about it and let the browsers do their job

I personally consider this blog post the tombstone on the dispute about CSS Selectors performance (and a new nail in the coffin for my adoption of BEM and OOCSS).

For me, it has confirmed my believe that it is absolute folly to worry about the type of selector used. Second guessing a selector engine is pointless as the manner selector engines work through selectors clearly differs. Further more, the difference between fastest and slowest selectors isn’t massive, even on a ludicrous DOM size like this. As we say in the North of England, ‘There are bigger fish to fry’.

And if you don’t believe me, this is what Chris Coyier has to say:

A good rule of thumb when worrying about the performance of CSS selectors is: don’t worry too much about the performance of CSS selectors.

— Chris Coyier (@chriscoyier) December 20, 2013

And by the way, another blog post have shown that having one or one thousand media query declarations… well, it doesn’t make that much difference!

Update: some friends of mine stated that in OOCSS the performance in discussion actually is the resulting file size of the CSS. Well, this is is not true. And even assuming that it was that the reason, below you can see the stats about what on average a webpage is made of: the CSS file weights for only 2.8% of the total of the page weight. So please, let’s start to optimize where the actual weight is, ok?

Source: HTTP Archive

Link: http://benfrain.com/css-performance-revisited-selectors-bloat-expensive-styles/

Blog

Please, stop caring about it and let the browsers do their job

Archive

Because “viable” or “valuable” are not enough

Why the Agile Manifesto by itself is not enough

Insegnati da un bambino di dieci anni

E perché - per il momento - non ho la minima idea di muovermi da qua

Also in 2014 they will remain a key factor in product design

A must-read post that dismantles one of the most dangerous cargo-cult in the Startup culture

The two most important quality of a designer (and both comes with experience).

“We are such stuff. As dreams are made on; and our little life is rounded with a sleep.” – Shakespeare

OOCSS, SMACSS, BEM. WTFCSS?

Because we are directly responsible for what we put into the world

Because our job is (also) convincing people of things

Why is still a problem how we call and define ourselves?

And I would add also: design is development

Or why we (IT pros) are always so dissatisfied of the work we have?

This september chapter was dedicated to the “connect” theme

A transcript of the talks and some thoughts on them

When adding an icon becomes a nightmare

Sometimes is sad to see how YOU are bad at design, compared to these tops

Some tips on how to make you presentation look better (and why you should).

The new page transition in Medium is soooo nice!

With a presentation entitled “Sharpie UX”

Because small details really make the difference

Un bilancio, al primo giro di boa.

Quello in cui hai modo di toccare con mano il risultato di mesi di lavoro