Cómo funciona el rendimiento del uso de gradientes de fondo en CSS frente al uso de imágenes?
¿Alguien, o conoce a alguien que lo haya hecho, evaluó el rendimiento del uso de gradientes de fondo en CSS frente al uso de imágenes?
Definitivamente es más flexible y más productivo usar código, pero ¿existe un inconveniente en el rendimiento del uso de gradientes CSS para botones, barras, etc.?
Aquí hay un ejemplo de gradiente CSS de navegador cruzado:
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 */