Uri Данных [Css] Sprites 1.5 — Уникальный Автоматический Генератор Css-Спрайтов



URI данных [CSS] Sprites 1.5 — уникальный автоматический генератор CSS-спрайтов



URI данных [CSS] Sprites 1.5 — уникальный автоматический генератор CSS-спрайтов

Те, кто следит за статьями об оптимизации клиента, уже знают современный подход к созданию CSS-спрайтов на основе технологии data:uri. Этот подход имеет существенные преимущества:

абсолютная минимизация подключений к серверу для изображений, определенных в css — и того меньше сделать уже невозможно.

полная 100% автоматизация процесса создания спрайтов, независимо от свойств backgroud-position и background-repeat. предзагрузка всех изображений, определенных в css, которые необходимы сайту.

Все, кто хочет освежить память или ознакомиться с предыдущими статьями, могут прочитать статьи Современный подход к созданию CSS-спрайтов И Автоматизация процесса создания css-спрайтов

Сегодня вечером вышло еще одно важное обновление:

  1. Многие ошибки были обнаружены и исправлены
  2. добавлено исправление путей типа _http:// site.com/.

    /image.png , _http:// site.com/.

    /.

    /.

    /image.png - они равны _http:// site.com/image.png

  3. добавлена правильная обработка определений нескольких фильтров, например filter: Alpha(opacity=50) progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/chart/buttons/prev.png', sizingMethod='crop')
  4. добавлена вставка для фильтра свойств IE8 alphaimageloader в стандартном формате
  5. добавлена правильная обработка CSS-хака для Safari. СМИ экран и (-webkit-min-device-pixel-ratio:0)
  6. улучшен порядок генерации результирующего скрипта из набора скриптов, в последовательности размещения исходных скриптов на странице
  7. добавлен компрессор HTML
  8. добавлено отображение процента сжатия/оптимизации
  9. добавлена обработка атрибута duris:interal="1|true" - который превращает внешний скрипт во внутренний и вставляет его на текущее место внешнего
  10. добавлена обработка атрибута duris:nomerge="1|true" - запрещающего объединение скрипта/стиля с другими в один результирующий скрипт/стиль
  11. добавлена возможность просмотра результатов онлайн
  12. добавлена оптимизация изображений с помощью сервиса Смуш.

    Это

По поводу пунктов 9 и 10 введены специальные атрибуты, позволяющие настроить обработку конкретного скрипта/стиля вне зависимости от общих настроек.

В полученном файле эти атрибуты очищены и отсутствуют. например внешний скрипт

Вместе с данным постом часто просматривают: