Optimizacija renderovanja CSS-a i gotovi CSS frejmvorci

[kwisko]

Pozdrav svima.

Već duže vreme se igram sa nekim gotovim css frejmvorcima (css frameworks ) i ono što sam primetio jeste da oni baš i ne "brinu" za brzinu renderovanja CSS stilova u browseru - ukoliko se osvrnem na ovaj Googleov članak.

Po tom uputstvu sugeriše se korišćenje klasa kada god zatreba (.page-title, .submenu) umesto korišćenja ugnježdenih stilova i tagova (.main_content h1 {...}, menu ul li {...}). Razlog za to je taj da, ukoliko se koriste ugnježdene varijante, browser da bi primenio stilove mora pronaći baš tu kombinaciju koja je navedena u css-u, što oduzima određeno vreme.

Sa druge strane, nekom ko radi frontend je znatno lakše da ne dodaje novu klasu za svaki bitniji deo, jer mnogo stvari može postići ugnježdavanjem tagova ili klasa.

Kakva su Vaša iskustva po tom pitanju? Da li poštujete smernice iz Googleovog uputstva ili ne, i u kojoj meri?

Generalno, ima dosta smisla to što piše, ali me interesuje kako se to pokazalo u praksi, pogotovu kod onih koji imaju veći broj projekata za sobom.