Какова эффективность использования background-gradient в CSS против использования изображений?

Кто-нибудь или знает кого-нибудь, кто оценивал эффективность использования фоновых градиентов в CSS по сравнению с использованием изображений?

Определенно более гибко и продуктивно использовать код, но есть ли недостатки в производительности при использовании градиентов CSS для кнопок, полос и т. Д.?

Вот пример кроссбраузерного градиента CSS:

background: #1E5799; /* old browsers */
background: -moz-linear-gradient(top, #1E5799 0%, #2989D8 50%, #207cca 51%, #7db9e8 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1E5799), color-stop(50%,#2989D8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1E5799', endColorstr='#7db9e8',GradientType=0 ); /* ie */

background: -o-linear-gradient(top, #1E5799 0%,#2989D8 50%,#207cca 51%,#7db9e8 100%); /* opera */