Есть ли разница в количестве ресурсов браузера, используемых SVG против CSS для градиентов?

Question

Мне просто интересно, какой самый дешевый способ использовать множество градиентов в дизайне сайта.

Answer 1

Я бы больше склонялся к CSS для этого.Видя, что это КОД, а не изображение.

Кроме того, если вы больше склоняетесь к использованию CSS, почему бы не сделать его видимым и / или работающим в IE 8 и ниже через CSS3pie?http://css3pie.com/

Answer 2

Это интересный вопрос. По моему личному опыту, с svg webkit работает быстрее, но я могу ошибаться.

Я создал тестовую скрипку с переходами CSS, и они выглядят примерно одинаково, возможно, кто-то с большим опытом может расширить случай стресса:

http://jsfiddle.net/KLCEw/

Имейте в виду, что SVG-градиенты лучше всего внедрять через data-uri, чтобы они не создавали новые запросы к серверу.

Answer 3

Я уверен, что CSS будет дешевле для браузера, чем SVG, но я не смог бы оправдать это без тестов.Я бы посоветовал вам создать свою страницу с множеством градиентов в CSS, и если (и только если) вы обнаружите, что производительность является проблемой, если вы попробуете SVG или другие технологии.