¿Alguien sabe cuál va a ser mejor para un tiempo de carga del navegador entre estas dos opciones:

background-image:url('1by1px.png');

o

background-image:url('10by10px.png');

Un png semi transparente de 1px por 1px repetido para el div. O uno más grande dice 10px por 10px.

Debe haber algún tipo de bucle que se debe hacer para mostrar la imagen repetida en el navegador, así que me pregunté si la imagen que está1px by 1px hace que una gran cantidad de bucles muestren la imagen que, de hecho, puede ser menos rápida que una imagen más grande con menos bucles?

Por supuesto, el argumento contrario es que el tamaño de la imagen es más pequeño para 1by1 en comparación con 10by10, pero no significa que sea mejor que sea más pequeño, ya que el ciclo de repetición muchas veces no es tan bueno como el de un tamaño de imagen grande con menos frecuencia.

¿Alguien sabe más sobre cuál sería mejor y cómo los navegadores manejan situaciones como esta?