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

Уменьшение количества запросов139мизации загрузки изображений. Далее речь пойдет об использованиикомбинированного метода: data:URI + mhtml. Более детально процесссоздания изображений в этом формате описан в пятой главе книги «Разгонисвой сайт».В ходе дискуссий и умозаключений были определены слабые и сильныестороны этого подхода. Одним из значительных его недостатков являетсясложность сборки конечного CSS. Однако при использованииdata:URI существует возможность автоматизации процесса. Соответственно,было принято решение создать программное обеспечение дляавтоматической сборки data:URI спрайтов.Новый подход генерации CSS-спрайтов на основе data:URI решилиназвать Data URI Sprites — DURIS.ru. Название немного необычное — нозато уникальное и хорошо запоминается.4.4.2. óÚÓ ˝ÚÓ?В первую очередь это полностью автоматический анализ и сборкаCSS-спрайтов на основе data:URI.Некоторые характеристики работы DURIS:❚ загрузка и анализ всех внутренних () и внешних ()стилей;❚ выделение background-image в отдельный внешний стиль;❚ загрузка и кодирование в base64 всех изображений, которые найденыв стилях;❚ оптимизация правил с повторяющимися background-image в стилях;❚ удаление CSS-правил с отсутствующими на сервере изображениями(устраняет лишние ненужные запросы);❚ специальное подключение data:URI спрайтов для всех браузерови отдельно для IE6, IE7 Vista (более детально в FAQ, duris.ru/faq/).4.4.3. ᇘÂÏ ˝ÚÓ Ì‡‰Ó?Современный подход создания CSS-спрайтов:❚ позволяет безболезненно вносить коррективы в изображения иверстку;❚ дает возможность свести к минимуму число запросов к серверудля получения информации, которая относится к оформлениюстраницы;❚ позволяет использовать полностью семантическую верстку;❚ устраняет проблемы масштабирования для фоновых изображений;