Реактивные веб-сайты Николай Мациевский Евгений ...

170РЕАКТИВНЫЕ ВЕБ-САЙТЫ5.3.4. Ç˚‚Ó‰˚Анализ предложенной и проверенной модели позволяет сделать огромноеколичество весьма интересных выводов. Давайте остановимся нанекоторых из них.❚ Размер DOM-дерева играет основную роль. Просто наиглавнейшую.Поэтому совет на все времена: уменьшайте DOM всеми возможнымиспособами. Уменьшение его (как хорошо видно из итоговойформулы) на 20% приведет к пропорциональному ускорениюотображения страницы.❚ Стоит также учесть, что в формуле фигурирует не только общийразмер дерева, но и число элементов, которые обрабатываютсяпри применении CSS-селектора. Именно по этой причине неэффективноиспользовать универсальный (*) селектор и теги: ониохватывают существенное количество элементов.❚ В качестве альтернативы применения общих тегов и универсальныхселекторов можно назвать два выхода.1. Использовать уникальные теги для уникальных элементов настранице (например, для скругленных уголков использоватьредкие теги — ins, del, q, u, b, i).2. Использовать уникальные классы для каждого набора стилевыхправил.Если первый подход может быть применим для небольших сайтов(например, для уменьшения размера HTML-кода), то в случаесредних и крупных проектов однозначно стоит применять второйподход (его, кстати, вовсю рекомендует и Виталий Харисов в своемсводе правил для эффективного CSS и фреймворке Monkey Joe,http://clubs.ya.ru/yacf/).❚ Использование сложных правил (с несколькими звеньями селекторов)может быть оправдано (это не влечет значительных издержек),однако если применять везде уникальные классы, то наследованиеобычно пропадает само собой.❚ В качестве глобального сброса стилевых правил («ластик») можнорекомендовать сбрасывать правила только у тех элементов, которыеотображаются. Например, если на странице 90% DOM-дерева — этоdiv, для которых не нужны никакие правила по умолчанию, то переходот глобального «ластика» к локальному или вообще его устранениеза счет индивидуальных правил способно несколько увеличитьпроизводительность).❚ Оптимизировать число CSS-правил стоит, если их больше 100-200(ибо в противном случае правила самого браузера будут перекрыватьвсе ваши усилия по увеличению эффективности).