Pull to refresh

Разгоняем CSS-селекторы. Часть 2: транзитивность

Client optimization
После статьи «Разгоняем CSS-селекторы: стоит ли?» было предложено рассмотреть несколько дополнительных случаев, учитывающих транзитивность селекторов (например, насколько быстрее a c, чем a b c, или наоборот). Данное исследование посвящено как раз разбору таких случаев.

Методика



Методика и уменьшение погрешности подробно рассматривались в первой статье, на них сильно много останавливаться не буду. Скажу лишь, что при наращивании количества классов и идентификаторов Opera стала значительно медленнее (раза в 3) отображать код (при этом общий его объем увеличился примерно в 1,5-2 раза). Скорее всего, в следующую статью войдет исследование влияния количества классов/идентификаторов/размера кода на общую производительность браузера.

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

читать дальше на webo.in →
Tags:cssieoperafirefoxsafariidtagcss-селекторыоптимизация
Hubs: Client optimization
Rating +15
Views 1.2k Add to bookmarks 34
Comments
Comments 27

Popular right now

Web-мастер
to 1,500 $Kinetik SoftwareRemote job
Middle Frontend Developer
from 100,000 to 150,000 ₽AstraLabRemote job
Senior Angular Developer (remote/relocation)
from 5,000 to 7,000 $New.HRRemote job
Веб-разработчик (Битрикс)
from 140,000 to 220,000 ₽ГК ШтильМосква
Frontend developer
to 130,000 ₽Articul MediaМоскваRemote job