Много встречал что при разработке фон, элемент, не важно что, заливают градиентом 3-4 цветным, некоторые делают это используя картинку и растягивая ее кто то заливает градиентом стилями (всегда использовал второй вариант). Так что же лучше использовать тратить время на 1 запрос картинки или же тратить мощности и заливать градиентом (понимаю что и там и там потери не значительные но хотелось бы узнать разницу)?
Это не вопрос быстродействия, а вопрос адаптации под различные браузеры.
Если бы все браузеры могли обрабатывать свойство градиент, никто бы не заморачивался с картинками. Особенно, было актуально во времена WinXP с IE7 / IE8.
градиенты и тени тормозят неиллюзорно. как-то раз магическим образом убрал тормоза из гламурной таблички, которая уже при полусотне строк заметно подлагивала, особенно при изменении ширины, заменив еле-заметный одинаковый градиент внутри каждой ячейки на гифку. у выделенной строки оставил градиент - в умеренных дозах оно вполне подъёмно.