Выносим CSS-файлы в пост-загрузку

Выносим CSS-файлы в пост-загрузку

При использовании data:URI итоговый CSS-файл занимает довольно большой объем (фактически равный 110-120% от размера всех картинок и набору базовых CSS-правил). И это в виде архива. Если файл не заархивирован, то его дополнительный размер увеличивается многократно (в 2,5–3 раза относительно размера всех фоновых изображений), но это не так существенно, ибо пользователей с отключенным сжатием для CSS-файлов сейчас единицы (обычно доли процента).

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

Фактически, используя такой подход, мы создаем другой контейнер для фоновых изображений (не ресурсное изображение, а CSS-файл), который удобнее использовать в большинстве случаев. Мы объединяем все фоновые картинки не через CSS Sprites, а через data:URI, и можем загрузить их все одним файлом (в котором каждая картинка будет храниться полностью независимо). При этом избегаем любых проблем с позиционированием фона (все ранее заявленные проблемы с (полу)прозрачными картинками для прошлых версий IE сохраняются, однако их решение также остается прежним).

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг

Ускоряем загрузку страниц в Firefox 3

Из книги Разгони свой сайт автора Мациевский Николай

Ускоряем загрузку страниц в Firefox 3 В Firefox можно увеличить скорость загрузки и отображения страниц, значительно повысив комфортность работы в Интернете. Что для этого нужно сделать:Открыть страничку настроек, набрав в адресной строке about:config.Отредактировать следующие


Ускоряем загрузку страниц в Opera 9

Из книги Криптоанархия, кибергосударства и пиратские утопии автора Ладлоу Питер

Ускоряем загрузку страниц в Opera 9 В Opera также имеется ряд настроек, которые пользователь может легко изменить. Для этого нужно зайти на страницу opera:config, на которой все необходимые параметры можно легко найти с помощью поиска. Итак, рекомендуется выставить следующие


Анархия, государство и Интернет: о законотворчестве в киберпространстве Дэвид Пост [138] Введение

Из книги Реестр Windows автора Климов Александр

Анархия, государство и Интернет: о законотворчестве в киберпространстве Дэвид Пост[138] Введение В настоящее время всевозрастающее внимание уделяется интересным и важным вопросам о нормах, которые будут (или должны) управлять поведением в рамках глобальной сетевой среды:


DBX-файлы

Из книги Win2K FAQ (v. 6.0) автора Шашков Алексей

DBX-файлы В файлах с расширением DBX хранятся записи программы Outlook Express. В этих файлах, называемых Банком сообщений, находятся письма, сообщения новостных групп и т.п. При желании, можно скопировать эти файлы на носитель информации для переноса данных в другой компьютер.


INF-файлы

Из книги Программирование на языке Ruby [Идеология языка, теория и практика применения] автора Фултон Хэл

INF-файлы В данной статье мы рассмотрим, что представляет собой INF-файл, как с его помощью работать с другими файлами и реестром, создавать ярлыки, запускать программы и т.д.Как известно, для более-менее серьезного программного продукта обычно требуется специальная


Запрет на загрузку файлов

Из книги Цифровой журнал «Компьютерра» № 128 [02.07.2012 — 08.07.2012] автора Журнал «Компьютерра»

Запрет на загрузку файлов Чтобы запретить пользователю загружать файлы из интернета, создайте параметр типа DWORD ·NoSelectDownloadDir· со значением 1 в разделе HKCUSoftwarePoliciesMicrosoftInternet ExplorerRestrictionsПри попытке нажать кнопку Сохранить в диалоговом окне загрузки файлов будет выводиться


(2.21) Как организовать загрузку 3 ОС, например W2k, Win9x и Linux с помощью W2k загрузчика?

Из книги Компьютерра PDA N180 (30.06.2012-06.07.2012) автора Журнал «Компьютерра»

(2.21) Как организовать загрузку 3 ОС, например W2k, Win9x и Linux с помощью W2k загрузчика? Самый простой способ, это ставить нужные ОС в правильном порядке. Сначала ставим любую ОС. Потом ставим W2k. При установке W2k сохранит загрузочный сектор в файл bootsect.dos. Переименовываем этот файл


Файлы

Из книги Язык Си - руководство для начинающих автора Прата Стивен

Файлы По многочисленным просьбам открываем раздел с полезными файлами для W2k. Раздел состоит из двух частей, первая официальные патчи от Microsoft (не все, а только те, что кажутся нам наиболее важными), и вторая часть, куда войдут все файлы упоминавшиеся в FAQ, просто утилитки,


4.2. Кодировки в пост-ASCII мире

Из книги Недокументированные и малоизвестные возможности Windows XP автора Клименко Роман Александрович

4.2. Кодировки в пост-ASCII мире «Век ASCII» прошел, хотя не все еще осознали этот факт. Многие допущения, которые программисты делали в прошлом, уже несправедливы. Нам необходимо новое мышление.Есть две идеи, которые, на мой взгляд, являются основополагающими, почти аксиомами.


Обратная сторона эпохи пост-ПК: 30-долларовый компьютер Raspberry Pi Андрей Письменный

Из книги Как сделать свой сайт и заработать на нем. Практическое пособие для начинающих по заработку в Интернете автора Мухутдинов Евгений

Обратная сторона эпохи пост-ПК: 30-долларовый компьютер Raspberry Pi Андрей Письменный Опубликовано 04 июля 2012 года Весть о том, что в скором времени в продаже может появиться компьютер, стоящий всего 25-30 долларов и умещающийся на ладони, в 2011 году облетела


Обратная сторона эпохи пост-ПК: 30-долларовый компьютер Raspberry Pi

Из книги автора

Обратная сторона эпохи пост-ПК: 30-долларовый компьютер Raspberry Pi Автор: Андрей ПисьменныйОпубликовано 04 июля 2012 годаВесть о том, что в скором времени в продаже может появиться компьютер, стоящий всего 25-30 долларов и умещающийся на ладони, в 2011 году облетела интернет с такой


Исходные файлы и выполняемые файлы

Из книги автора

Исходные файлы и выполняемые файлы Наша замечательная программа, несмотря на свою лаконичность и простоту, для компьютера является совершенно бессмысленным набором символов, так как он "не понимает" директив типа #include или printf. Он понимает только специальный язык,


CPL-файлы

Из книги автора

CPL-файлы Из нескольких предыдущих абзацев вы узнали практически все теоретические выкладки, которые необходимы для работы с программой rundll32.exe. Сейчас же будут перечислены те возможности, которые данная программа может предоставить пользователю. Начнем с описания


SCF-файлы

Из книги автора

SCF-файлы Файлы с таким расширением являются командными файлами оболочки Windows и используются для различных целей. Например, можно создать файл, который будет сворачивать все окна. Его содержимое приведено в листинге 17.3. Если ввести подобный текст в текстовый файл, а потом