Если Спрайт для вас ассоциируется не только с напитком компании Coca Cola, ещё не значит то вы можете обойти этот пост стороной. По крайней мере многое потеряете

Создавая новый шаблон, я вспомнил что где то слышал о том что, то ли поисковики ранжируют то ли собираются ранжировать сайты по скорости их загрузки. Быстрее грузишься выше в поиске. И я начал гонку за ускорением сайта, о том как я его ускорял я расскажу в следующих постах. А сейчас я хотел бы поговорить о спрайтах


СSS-Sprite - Несколько изображений располагаются в одном графическом файле. Для того, чтобы вырезать из файла нужный кусок, применяется CSS(wikipedia)

После того как Yahoo опубликовал статью по ускорению сайта спрайтами - все устроили спрайт панацею. "Ты не верстаешь спрайтами? Да ты лошара" и никто не задумывается о том как это всё работает - Лебедев сказал значит будем делать ТАК. В основном все руководствуются таким мнением что - если будет грузится две картинки для кнопки и активной кнопки, то при наведении на кнопку картинка может не успеть загрузится и вы будете наблюдать дыру в шаблоне пока не загрузится картинка. Тут все web мастера хватаются за голову "как так дыра в шаблоне!!!" и начинают верстать спрайтами. Но никому и в голову не приходит что изначально эта картинка будет грузится процентов на 30 дольше.


Я не против спрайтов, я просто хочу объяснить как они работают.

Я искал по крупным сайтам нашёл только на centroarts.ru спрайт хороший для примера. На artlebedev.ru я большие спрайты вообще не нашёл что опять же доказывает что он только балаболить может.

продолжение http://70ts.ru/blog/73-sprajt.html