Compressing website

I have tried all the actions needed to speedup my website…but it is still as slow, especially the “projects” section (laggy) and after 2-3 refreshes some elements don’t display.

I minified Javascript
I minified CSS
I minified HTML
I made fewer Link requests
I optimised Images as much as possible
It is Gzip enabled
I used GTmetrix and SpeedTest for speed testing…

and the result??
1%-10% success
what’s going on exactly?..

website: http://urbanphenomena.net/

“Server not found”

2 Likes

The page is about 8MB, most of that is images (7.87MB), so that is what you need to concentrate on.
The images are quite large and mostly use png compression, though the type of images I see would be more efficient with lossy compression like jpeg.

2 Likes

Yes, that’s what GTmetrix showed, Page is 8MB, I am surprised.

But…they are very small PNG, and I can’t compress any further, most of them are 500KB at max…

so are there any difference between 500KB PNG and 500KB JPG???

This is what I see in Pingdom.


I would not call all of those small.

You won’t do with png, it is not an efficient format for that type of image and will only go so small because it is lossless.

What I mean is to consider the difference between a 500KB PNG and a 150KB Jpeg.

4 Likes

Here is an example, 2 images from your site, both the same pixel dimensions, both PNG compression.

This is 1MB
http://urbanphenomena.net/imgs/cover/mts.png

This is 55KB
http://urbanphenomena.net/imgs/cover/tas.png

What’s the difference?
The first has detail, grain, varying tones, suitable for jpeg.
The second has flat colour, suitable for png.

If I save the first one as jpeg at medium compression, it’s only 75KB, with only slight compression artefacts in the grainy image. A small price to pay for a huge drop in size.

5 Likes

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.