как облегчить работу браузеру?

[rediskavet]

В каком случае браузер меньше напрягается? Допустим есть десять блоков которые оформлены одинаково, мы все привыкли(я по крайней мере) задавать этим блокам один класс и уже его стилизовать в CSS. Да нам так проще и CSS файл получается меньше. Но как лучше для браузера, как ему легче отрисовывать блоки, когда у них один класс и они оформлены одним правилом CSS или когда каждый блок имеет индивидуальное правило. В частности интересуют IE7/8 и их особенности.

Может где то можно почитать на эту тему?

[stars]

Посчитать врятле получится а вот проверить легко, щас накидаю скрипт на php скину ссылку, затестим...

[stars]

И так 10 000 элементов вот пример:

использование id => http://www.muzzshop.ru/test/idtest10000.html

использование class => http://www.muzzshop.ru/test/classtest10000.html

У меня класс работает быстрее вроде как... хотя страница с id просто по размеру больше...

Edited November 8, 2010 by stars

[rediskavet]

круть. Тока с id грузит-грузит но в итоге выдает пустую страницу. Если смотреть только по тому сколько грузит, то с классами выигрывает. У меня по крайней мере. Браузер ФФ. Но разница не существенная, 10000 блоков ведь не бывает на одной странице сайта. Поэтому можно не заморачиваться, на эту тему.

[rash]

Рендерится с классами быстрее.

Рефлоу+репейнт с классами у меня в среднем 170 мс., с идентификаторами — 285.

Чего и следовало ожидать — бо́льшая таблица с идентификаторами стилей содержит большее количество правил, которые браузеру приходится применять, несмотря на то, что результирующий стиль у них одинаковый.

[rediskavet]

ну че, вопрос закрыт вроде как, stars спасибо за проделанную работу, rash спасибо за замеры и разъяснения.

[clavin]

http://code.google.com/intl/ru/speed/page-.../rendering.html

Есть рекомендации от гугла на этот счёт. Только полностью я бы им не доверял, но как полезный материал вполне применимо.