Link to home
Start Free TrialLog in
Avatar of Marco Gasi
Marco GasiFlag for Spain

asked on

Image optimization

Hi all.
I have this page: The background shows a series of images in a slideshow.
The site doesn't seem slow nor in my laptop nor in my mobile devices, but some client's firend told it is very slow. I think this could be because the images are not optimized enough, so I'm looking for best optimization tecniques.

This is an example of the images (576 Kb)
User generated imageThe original size exceeded 5 Mb. To optimize the image I used Photoshop. I've tried jpegtran also but the result isn't different: to keep a decent quality which allow to display the image full screen I'm not able to decrease the image size enough.
Any suggestion?
Thank you in advance
Avatar of Dave Baldwin
Dave Baldwin
Flag of United States of America image

Link to home
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Marco Gasi


Hi Dave.
Interesting: a hard refresh in Ffx gives me 8,88 sec,  in Chrome 12,37 sec. In fact I never got the impression it were unreasonably (does this word exist or do I've just invented it?) slow.
My problem now is that tell my clients about old software or slow connection can make me look as a bad guy. Because of another issue ('t-work-on-smartphones-and-iPad.html?anchorAnswerId=40880526#a40880526) my client has not still accessed the site except from its iphone, so the statement the site is slow comes from his friends.
What I'd like to know is: generally speaking, are 500 kb images too big to be used as a slideshow background? I0m missing something about best practices?
Or I really have to solve before the other issue and then ask to my client if he think the site is slow?
Sorry but there are a lot of people that are trying to hang on to old browsers and slow internet connections.  There is nothing you can do to 'fix' them until they upgrade their browser and internet connection.  Developers all over the world are having this conversation with their cheap customers.

As the internet changes to newer and more secure technology, those who refuse to adapt will be left behind.  A shining example is the change in 'https' SSL/TLS certificates.  Current standards require TLS 1.2.  IE8 does not and never will support that so there are some sites that you can't go to with IE8.
Link to home
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Thank you Kimputer: you gave me some interesting thing to work on. I''ll try your suggestions tomorrow.
Can you tell me exactly how I have to split the images' preloading? The first one can be loaded with the actual code, but the rest? It's obvious I can't use the plugin because I don0t have to show the progress bar when I load the remaining images and it's not clear to me how to load the image without slowing down the background switching...
Avatar of Kimputer

I did not pick apart the code (nor will I be able to in a in a short time anyway), but I think you should submit another question to include javascript experts.
It could be something with a timeout (start loading next pics after 5 or 10 seconds or so, since you only preload one, the load time is already shortened)
Thank you guys.