Просмотров: 1678

CSS спрайты - оно нам надо?

zazПрактически любая идея доведенная до абсолюта становится абсурдной или смешной, тут как говорится уже от идеи зависит. Прежде чем покидать камушки в чужой огород, начну пожалуй с себя. Давным давно, молодой кодер энтузиаст, то есть я собственной персоной, познакомился с новомодной тогда технологией ajax'a. И было это настолько круто что решил я наваять клиенту админку на чистом аяксе. Объявления, новости, настройки, страницы и пр. - все в общем. Наваял конечно, однако вынес для себя важный урок - все хорошо в меру. Разработка проекта заняла у меня в два раза больше времени, сроки были сорваны, благо клиент понимающий попался. Или взять например, уже не давний случай из области SEO. Знакомый вычитал что заголовки H1 это хорошо и круто с точки зрения поисковой оптимизации, так у него на каждой странице этих заголовков было понатыкано, видимо - не видимо.

Теперь вернемся к нашим баранам спрайтам. Сразу обозначу свою позицию - я ЗА спрайты ...но в разумных пределах. Делать мего-спрайт на все бэкграундовые изображения я считаю излишним, и вот почему.

1) Увеличение времени разработки. Очевидно, что создание и редактирование многослойного спрайта занимает больше времени нежели спрайта из однотипных изображений (кнопок) или отдельных (по старинке) картинок.
2) "Лишний вес". Посмотрим на ситуацию с точки зрения статистики. Подавляющее большинство посетителей среднестатистического сайта заходят с поисковых систем на конкретную страницу получают нужную информацию и... уходят. Они не заходят на другие страницы сайта, не наводят мышкой на все кнопки чтобы сработал :hover т.е. большая часть нашего мего спрайта просто-напросто не используется. Напомню что вне зависимости от этого факта, спрайт тащится целиком.
3) Гигантские изображения. Наберите в ПС - тенденции веб-дизайна 2011. Первый же пост от всеми нами уважаемой (я сейчас искренне говорю) Насти Манно, пункт 7 - Большая фотография в качестве фона. Вот я сижу в такой ситуации и думаю - нафига? В смысле нафига верстальщик тратит свое время, бьется над каждым лишним килобайтом, а в нашем случае обращением к серверу, когда "легким росчерком пера" дизайнер поддавшись модным тенденциям, убивает с трудом сэкономленные миллисекунды?

А теперь давайте посмотрим правде в глаза - большинство сайтов, что мы разрабатываем не являются highload проектами, посещаемость которых составляет несколько десятков тысяч хостов в сутки. Хорошо если сайт не "для галочки" и им действительно занимаются, да и то несколько десятков посетителей, редко переваливающих за сотню - вот средняя посещаемость разрабатываемых проектов.
Исходя из этого, с одной стороны мы имеем весьма сомнительную необходимость в полной спрайтаризации проекта, с другой весьма реальную возможность получить по шапке за срыв сроков разработки.
Оно нам надо?



Знаю, тема достаточно холиварная и спорная, там кто готов бросить в меня камень, сначала посмотрите на сайте позитивных новостей интересные мультфильмы про миньонов. Вообще на сайте можно увидеть много позитивных видео и интересных фотоподборок.
]]>twitter.com Google Buzz google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru]]>



Эта запись опубликована: Вторник, 25 января 2011 в рубрике CSS + XHTML.

6 комментариев

Следите за комментариями по RSS
  1. Хе...согласен с тобой Андрей. Спрайты нужны, но в меру. Тоже считаю, что делать все в один мега большой спрайт ни к чему.

  2. Как ты сказал - всего должно быть в меру. Понятно, что выносить в спрайты все изображения - смысла нет. Но различные иконки, стрелки, кнопки и тд - вполне имеет смысл. Именно те элементы которые используются не на одной странице. А вообще - CDN для загруженных проектов - самое то.

  3. А я бы спрайты оставил на оптимизацию проекта. Как практика показала, затраты не оправдывают средства. Поэтому не стоит вкладывать последние технологии в развитие проекта, который непонятно как еще будет развиваться.

  4. А кто мешает использовать спрайты только для видимых элементов? Не обязательно же идеи заложенные в спрайты использовать для меню.

  5. Можно спросить новичку? smile Что такое "спарайты"? Я начинающий верстальщик, недавно решил заняться заработков в сети, но из всего, понравилось только верстать свои шаблоны. Пока только осваиваю CSS и уже сделал свой шаблон для wordpress'а (Можно посмотреть на моём блоге: http://mysimpleblog.net/) Андрей, очень понравился твой блог, рад что нашёл его ) Можешь посоветовать какой-нить форум, где "тусуются" верстальщики cool smile ну или вообще по этой теме? Спасибо, буду читать тебя...

  6. Штембуляк Андрей aka Zmei

    Меня уже несколько человек попинали за то что я в начале поста не объяснил что такое спрайты и с "чем их едят". Когда писал статью ориентировался больше на адвансед девелоперов smile Сорри, буду исправляться. Не смотря на огромное количество информации на эту тему все таки напишу отдельный пост по спрайтам. Запаситесь терпением друзья smile

Оставьте комментарий!

Не регистрировать/аноним

Используйте нормальные имена. Ваш комментарий будет опубликован после проверки.

Зарегистрировать/комментатор

Для регистрации укажите свой действующий email и пароль. Связка email-пароль позволяет вам комментировать и редактировать данные в вашем персональном аккаунте, такие как адрес сайта, ник и т.п. (Письмо с активацией придет в ящик, указанный при регистрации)

grin LOL cheese smile wink smirk rolleyes confused surprised big surprise tongue laugh tongue rolleye tongue wink raspberry blank stare long face ohh grrr gulp oh oh downer red face sick shut eye hmmm mad angry zipper kiss shock cool smile cool smirk cool grin cool hmm cool mad cool cheese vampire snake excaim question

(обязательно)