PDA

View Full Version : Image Compression

DemOnstar
03-20-2014, 07:19 AM
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..
ozzy47
03-20-2014, 10:56 AM
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. :)
DemOnstar
03-20-2014, 11:51 AM
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..
ozzy47
03-20-2014, 11:59 AM
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?
DemOnstar
03-20-2014, 12:05 PM
The host is based in the states I believe..

http://www.justhost.com/

What system are you using for the front page?
Not sure how to answer this one..
ForceHSS
03-20-2014, 12:09 PM
<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>
ozzy47
03-20-2014, 12:09 PM
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. :)
DemOnstar
03-20-2014, 12:16 PM
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..
ForceHSS
03-20-2014, 12:17 PM
You must not compress any images try checking settings
DemOnstar
03-20-2014, 12:37 PM
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?
Barcham
03-20-2014, 02:08 PM
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.
Max Taxable
03-20-2014, 03:27 PM
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.
Max Taxable
03-20-2014, 03:32 PM
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 (http://www.webpagetest.org/pageimages.php?test=140320_78_MVH&run=1&cached=0)

The N/A grade for image compression means it didn't find any that weren't already progressive. So that's one less hurdle.
Max Taxable
03-20-2014, 03:36 PM
Your F grade for caching static content is a easy fix, article on that here. (http://ozzmodz.com/showthread.php/1363-Quick-and-easy-way-to-leverage-browser-caching-of-static-assets)
DemOnstar
03-22-2014, 04:45 AM
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.

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

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

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

Thanks.
Max Taxable
03-22-2014, 04:05 PM
Seems a sensible solution.
How would I go about doing this for images that are already uploaded?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.
DemOnstar
03-24-2014, 05:16 AM
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..
Max Taxable
03-24-2014, 03:48 PM
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'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.