Hello,

I didn't found anything in Search so I am asking here.

sorry if this been already asked before...

 

lets say I have one image and I use it multiple times in my design but in different sizes.

What will be better (save more server resources):

one same image resized with JS script or CSS or multiple images different size each?

 

As I think, one image with resize is better but Its only my opinion...

 

Also, is it makes difference if all this images located on same page or not?

 

P.S Does anyone know any link where I can get all this info about site (design) optimization etc?

 

Thank you!

Hi,

 

If the image is on the same page, then I would recomment resizing it using css

Every time a page load all the images also load, so If you just use 1 picture, the picture only loads ones

 

If the image is used on different pages and the size is different on each page then I would go for different images.

 

Good luck

OK, thank you for the answer.

You may also look at a CDN for improving you site performance related to image load times.

I use Amazon Cloudfront and very happy with it.

Simply the images come from Amazon, my server just pushing a few Kb of html to the visitor.

Thank you for the info but my site is small and its in development so at least for now this service will be too much for it...

If you're resizing a massive image to the size of a thumbnail, or creating multiple small variations, I would say that multiple images isn't a bad thing here. Granted there will be more requests made to the server, but waiting for a 2mb image to resize down to a thumbnail is the work of the devil.

Of course images that you get by url are much faster, because your website don't need to do the request. Servers like Google and Amazon are damn fast and would fit for projects like this. You can take a look at this of course, in that case you can use re-sized images.

 

Cheers :B

Really this is the reason image manipulation is built into most content management systems. I agree with the CDN approach, I use one myself but depending on the site it may not require one.