Image Compression
 

Recently I did a website test speed test and the results said that my images were slowing site loading times. It was recommended that I compress them.
Anybody any tips were to start?
As the images are already uploaded, does the de-compression take place during site load?

Thanks..

What type of images are we talking about, different ones require different tactics.

Which site did you use to do the test, a link to the results would help. :)

Hey geeza, how ya doing?

The images are jpg's primarily..
Never knew the results could be linked until now..

Here you go..http://www.webpagetest.org/result/140319_J4_EPK/

Ta..

Those are some horrible response times on the images. Where is this server located? What host is this? What system are you using for the front page?

The host is based in the states I believe..

http://www.justhost.com/

Not sure how to answer this one..

<a href="https://www.webpagetest.org/pageimages.php?test=140319_J4_EPK&run=1&cached=0" target="_blank">http://www.webpagetest.org/pageimage...run=1&cached=0</a>

Is it the vBCMS?

I have a couple of other sites to work on at the moment, but once I sort those, I can try to help you with yours. :)

I think most of the images are vBCMS, there are few in the forum areas..

I just did this as the first test and it seems that the images are standing out as the main issue.
Not so worried about it, just a niggle really.
The site does indicate a compression factor of which I was not aware of hence the thread.

I was guessing that some inline compression was necessary but only a guess as I haven't looked into it yet..

Cheers for the assist..

You must not compress any images try checking settings

Didn't want to compress images anyway..
I put them through Photoshop and Save for Web then bring them down to an (visually) acceptable level before uploading them.

Which settings are you referring to?

I have serious doubts regarding how valid the results from that web site actually are. I've tested a good number of websites, forums and other, many that are lightning fast in my browser and they all seem to get almost Fs across the board.

What we see when loading sites on our computers is subjective. The WebPagetest site is objective - it's actual reality.

It's not difficult at all to optimize your site and get straight A grades.

To the OP: You have alot of large images which display small due to scaling. You should go through all of these and reduce their size closer to the size you are scaling them to, it will save you alot of KB load and bandwidth. Browsers load the entire KB size of the image, no matter how small you are scaling them to appear, to render.

Image Breakdown

The N/A grade for image compression means it didn't find any that weren't already progressive. So that's one less hurdle.

Your F grade for caching static content is a easy fix, article on that here.

Seems a sensible solution.
How would I go about doing this for images that are already uploaded?

Not sure what this means. You mean this is set during the saving process?

Thanks.

The Image breakdown link I provided shows you all the images you are loading on browsers. You can copy them from there, re-size them, re-name them to match what is on the server, then upload to overwrite.

Thanks for that Mr Taxable...
I looked through and I am at the point where if I reduce the images anymore, I will be unhappy with how they look..

I think I can live with the load speed niggle until I get another front page.

Cheers for the site link also..

I'm not talking about reducing the size you are displaying them as... The entire KB load of the large images are loading on browsers no matter how small you scale them to appear on the page.

Reducing them will have no affect whatsoever on how they look on the rendered page.