Как стать автором
Обновить

CSS Sprites — зло, не используйте их!

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

Проблемы при верстке



С какими проблемами сталкивается верстальщик, когда использует спрайты? Это, в первую очередь, проблемы изменения каждой конкретной картинки в общем массиве. Мало того, что нужно открыть ресурсную картинку, найти в ней область, соответствующую данному небольшому изображению (которое меняется), и заменить ее, не потеряв палитру при всех изменениях. Также при изменении расположения картинок в ресурсном файле (например, перераспределили свободное место в связи с очередными дизайнерскими изменениями) нужно заново пересчитать все координаты и внести соответствия в CSS-файл.

читать дальше на webo.in →
Теги:оптимизацияпроизводительностьскорость загрузкиcss sprites
Хабы: Клиентская оптимизация
Всего голосов 57: ↑45 и ↓12 +33
Просмотры4.3K

Похожие публикации

Разработчик SQL
до 150 000 ₽СИАМ консалтингМоскваМожно удаленно
Web-мастер, программист junior
от 50 000 до 90 000 ₽GENORСанкт-Петербург

Лучшие публикации за сутки