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?..
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.
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.