Тем кто следит за статьями про клиентскую оптимизацию уже известен современный подход к созданию CSS спрайтов на базе data:uri технологии. Указанный подход имеет весомые достоинства:
- абсолютная минимизация конектов к серверу за изображениями определенных в css — сделать еще меньше уже невозможно.
- полная 100%-ая автоматизация процесса создания спрайтов независимо от свойств backgroud-position и background-repeat.
- предзагрузка всех изображений определенных в css, которые необходимы для сайта.
Кто желает освежить память или ознакомится с предыдущими статьями может прочитать статьи Cовременный подход к генерации CSS спрайтов и Автоматизация процесса сборки css спрайтов
Сегодня ночью вышло очередное значительное обновление:
- выловленно и устранено много багов
- добавлена коррекция путей типа _http://site.com/../image.png, _http://site.com/../../../image.png — они равны _http://site.com/image.png
- добавлена корректная обработка мульти определений фильтров, к примеру filter: alpha(opacity=50) progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/chart/buttons/prev.png', sizingMethod='crop')
- добавлена вставка для ИЕ8 свойств filter alphaimageloader в стандартном формате
- добавлена корректная обработка css хака для сафари media screen and (-webkit-min-device-pixel-ratio:0)
- доработан порядок формирования результирующего скрипта, из совокупности скриптов, в последовательности размещения исходных скриптов в странице
- добавлен компрессор HTML
- добавлено отображение процента сжатия/оптимизации
- добавлена обработка атрибута duris:interal=«1|true» — которая превращает внешний скрипт во внутрений и вставляет его на текущее место внешнего
- добавлена обработка атрибута duris:nomerge=«1|true» — которая запрещает объединение скрипта/стиля с другими в один результирующий скрипт/стиль
- добавлена возможность онлайн просмотра результатов
- добавлена оптимизация изображений посредством сервиса Smush.It
Относительно пунктов 9 и 10 — введены спец атрибуты, которые позволяют настроить обработку конкретного скрипта/стиля независимо от общих настроек. В результирующем файле эти атрибуты вычищаются и отсутствуют.
к примеру внешний скрипт
<script style=«text/javascript» duris:interal=«1» src=«checkbrowser.js»>
после обработки превратится во внутренний.
11 пункт является отдельным большим обновлением и нашим подарком для разработчиков. Теперь вы можете просмотреть результаты обработки вашего сайта так сказать «не отходя от кассы»! Для онлайн просмотра потребуется зарегистрироваться. Владельцам аккаунтов в сервисах Google (@gmail.com), Yahoo! (@yahoo.com), Yandex (@yandex.ru) можно не регистрироваться, система поддерживает вход с этими аккаунтами.
Думаю, еще найдутся какие-то недочеты, бажки, о коих просим незамедлительно сообщать дабы мы могли вас радовать безупречной работой нашего сервиса. Если у вас будут предложения или замечания с большым интересом их выслушаем и обсудим.
duris.ru
