Вопросы Теги

Выполняется ли порядок правил в таблице стилей CSS влияет на скорость рендеринга?

Хотя это может привести к простому ответу «да» или «нет», я все равно сделаю это.

Рассмотрим следующий пример:

HTML 


    
    
    
        

            Hello world!
            
Some really interesting text.

CSS 

html {
    /* some css */
}
body {
    /* some css */
}
div.foo {
    /* some css */
}
div.foo span.bar {
    /* some css */
}
div.foo p {
    /* some css */
}

Будет ли порядок, в котором css правила появляются, влияют на то, насколько (быстро) браузер может отображать страницу? (в этом примере это не имеет особого значения, но рассмотрим реальный веб-сайт с множеством HTML и CSS)

Таким образом, приведенный выше скрипт CSS будет отображать быстрее или проще для браузера, чем: 

div.foo p {
    /* some css */
}
div.foo span.bar {
    /* some css */
}
div.foo {
    /* some css */
}
body {
    /* some css */
}
html {
    /* some css */
}

Заботятся ли браузеры? Должны ли мы?

Прочтите, прежде чем спрашивать:

13
задан Community 23 May 2017 в 11:48
поделиться