Irina_Ua Apr 8 2015 at 07:56

Отзывчивая анимация спрайтов с помощью ImageMagick и GreenSock

6 min

11K

PAYSTO corporate blogCSS*JavaScript*

Translation

+10

Comments 6

inook Apr 8 2015 at 08:38

У вас много тем посвященных CSS. Но одну тему вы забыли — Производительность CSS! Вы свой сайт пробовали скролить в OS X?

Coffin Apr 8 2015 at 09:32

Я зашел, покрутил и что?
Не лагает, в отличии от тех, где параллакс кривой или еще что-нить типа «крутое» по мнению дизайнеров, а на самом деле не удобное гавно :)

Spichka Apr 8 2015 at 12:24

А спрайты разве не устарели? Много возни, а экономия на спичках.
base64 проще при сборке проекта и не нужно сидеть и тыркаться с размерами и позиционированием. Сам недавно заметил, что спрайты неудобны и муторны и чем больше нужно в них запихать, тем тяжелей становится с ними работать. Профит пропадает напрочь.

Отказался.

Irina_Ua Apr 8 2015 at 19:06

Base64 неплохо увеличивает объем, передаваемый пользователю + они не кэшируются. Хотя спрайты и нагружают хард, они уменьшают количество запросов.

Spichka Apr 8 2015 at 21:10

Что не кэшируется? css файл не кэшируется? Ну тогда спрайты тоже не кэшируются.

Irina_Ua Apr 9 2015 at 06:28

Простите, сразу не уточнила, речь идет об изображениях, встроенных в HTML код. Здесь в обсуждениях, как раз, говорят о том, когда обосновано использование того или иного способа. Многое зависит от размера изображения и потенциальной необходимости его изменять.