I wonder what’s the best practice when you work with background repeaters as listed below. In my case, I have 3 background images:
1) 10×383 (245 bytes)
2) 100×383 (731 bytes)
3) 1000×383 (2.282 bytes)
Image 2 is 10 times image 1 next to each other, Image 3 is 100 times image 1 next to each other.
So my question is: which one should I use as a background repeated images? You could say: “the smallest one off course”, but doesn’t it take more load time from the browser when it’s repeating image 1 a hundered times, while image 3 should only be loaded one time (and sould not be repeated)?
I hope you understand what I mean? ;)