This is quite simple question in css but more about memory, processing and cache.
We know that to achieve long images we will use 1px of image repeat it x or y times to paint that long gradients.

The question here is
Is that something equivalent to for loop in JS?
will that slow down a web application?
will that take more processing time?
Is that a optimized way to use?

My friends saying using no-repeat in CSS with a long sprite image will be more faster that 1px image repeat it x or y times...
Is that true?

Please answer. Thanks in advance

Suresh Kumar.