: How much recyling CSS makes my website faster? I'll give you two examples to clarify what I'm trying to say. Example 1: p { font-family: Arial; } #id1 { font-family: Arial; } .class1 {

@Marchetta884

The only part of that, where the browser would work harder, is having to parse the extra few characters for each selector. Insignificantly so because the majority of the work is done on creating a CSS Object Model, finding the elements, and applying the property values for each element.

For something as small as applying font families, it's far easier to do your example #2 or, better, apply it to a parent element which will cascade down to those elements; if that's possible.

But there are many, many far more important things to work on to increase site speed than this.

Vote Up Vote Down

@LarsenBagley505

It's really irrelevant, because you should minify any .css file that goes up.

Your code is your signature.

If you don't know how to minify .css -> here's the link.

But.. from my perspective... I never write code like in Example 2, and it's little bit "wrong" to write css like that unless you are 100% sure that that's it; because if you change anything in it, it reflects on all classes and ID's. If you change anything in Example one, it only reflects on that class and/or ID.

Vote Up Vote Down