Loading CSS background images before normal images?

Question

I have a ruby on rails web app, and in some views i have many heavy images( ) to render .The are generated in a Helper.

Answer 1

Use a base64 string.

Example:

background-image: url(data:image/png;base64,*CONVERTED IMAGE DATA HERE*);

• without: **
• online converter: http://webcodertools.com/imagetobase64converter
• note: I only would suggest this if the image size is not too heavy.