Клиентская оптимизация / Динамические стили: быстро и просто
Тестовое окружение
Поскольку скорость загрузки отдельного CSS-файла достаточна велика, а требуется рассмотреть, как его содержимое может повлиять на скорость его динамического применения к документу, то нам нужны сотни или даже тысячи правил. В качестве отправной точки была опять взята главная страница Яндекса, стили которой были вынесены в отдельный файл и скопированы 10 раз. Это дало необходимую задержку (которая существенно больше погрешности, вносимой браузерами) и не сильно увеличило сжатый с помощьюgzip
файл.
Все варианты представлены на тестовой странице, вкратце опишу основные подходы.
Источник: Уроки CSS на Хабрахабре
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.
Похожие публикации
Блог им. Andruhon / Проблема с css в firefox при указанном doctype
Сегодня пол часа потратил на необычную для меня проблему: Документ во всех браузерах отображается нормально, а в файрфоксе почему-то не работали стили. Проблема возникла только, после помещения сайта... читать далее
Web-разработка / альтернатива HTML5 прямо сейчас
Пока все обсуждают HTML5 я тут пошевелил извилинами и придумал, в общем-то, тривиальную, но полезную концепцию и решение всех ваших проблем с языками разметки. Оно работает уже сейчас в Mozilla,... читать далее
Клиентская оптимизация / Data:URI CSS Sprites — современный подход к генерации CSS спрайтов
Мучения со стандартным подходом применения CSS спрайтов, а именно трудности модернизации и в некоторых случаях сложности оптимальной компоновки заставили искать альтернативный вариант оптимизации... читать далее
Web-разработка / Странное ограничение IE на количество внешних CSS
Разрабатывая проект наткнулся на странный глюк в IE. Некоторые стили просто не применялись к странице. Т.к. проект большой и стилей много, на этапе разработки CSS был разбит на много файлов для... читать далее
Клиентская оптимизация / Выносим CSS в пост-загрузку
После сравнительной заметки о CSS Sprites и data:URL все мои мысли были направлены на решение основной проблемы: В общем случае [при использовании data:URL], загрузка страницы не ускорится,... читать далее
Клиентская оптимизация / Ссылка Клиентская оптимизация: лучше меньше, да лучше
Частичная перепечатка моей статьи в Терминал.Ру. "Еще во времена HTML 3.2 разработчики стали задумываться над тем, как сократить время загрузки сайтов, перегруженных информацией и графикой. С тех пор... читать далее
Прокомментировать
Облако тегов
CSS dle habrahabr.ru HTML JavaScript ReactJS seo SEO на Хабрахабре trademod Интернет-маркетинг Повышение конверсии Поисковая оптимизация Поисковые технологии Разработка веб-сайтов Уроки CSS на Хабрахабре Учебный процесс в IT Я пиарюсь автомобильный сайт бесплатно блог верстка интернет-магазин информационный ресурс корпоративный сайт модуль мы рекомендуем портфолио разработка разработка сайтов редизайн сайт-визитка скрипты снег на сайте советы тз управление проектами уроки хаки шаблон
Реклама на сайте билеты на концерт deep purple в москве