


Тестовое окружение. Динамические стили: быстро и просто. Оптимизация структуры веб-страниц
XHR в body
XHR в head
Быстрый XHR в head
DOM-метод
Результаты
Выводы
Поскольку скорость загрузки отдельного CSS-файла достаточна велика, а нам требуется рассмотреть, как его содержимое может повлиять на скорость его динамического применения к документу, то нам нужны сотни или даже тысячи правил. В качестве отправной точки была опять взята главная страница Яндекса, стили которой были вынесены в отдельный файл и скопированы 10 раз. Это дало необходимую задержку (которая существенно больше погрешности, вносимой браузерами) и не сильно увеличило сжатый с помощью gzip файл.