How can I increase site speed without reducing image quality?

Hi, I have a photography site my site "page speed" is only 39 out of 100. there are no js error, no HTML error. Google page speed checker suggest me to reduce my image quality but it is a photography site and image is main focused.

My all images are "save for web".

So, How can i increase site speed without reducing image quality?

is it shared hosting or dedicated hosting?

i haven't tried it but you can try imagify.io

what I'm currently using is photon of jetpack for image optimization but there's a bit of image quality loss

There are many factors regarding site speed, and the majority of them don't have to do with image quality. Here are some metrics I would suggest measuring:

- do you use a CMS with a MySQL database? this will be slower than a SQLite database or a static site)
- are you referencing many JS files/plugins? If you can cut down on Jquery references, animation, etc this will increase speed
- minify CSS or JS files
- what server type do you have? a cheap shared hosting package will have a slower server response than a VPS or a premium hosting service

And lastly, "save for web" doesn't necessarily mean anything. You can "save for web" from photoshop and still have a mostly uncompressed jpg. You can reduce the jpg image quality down to 65-69 without seeing any significant image quality loss. Even for large high quality images, you should keep them <1 mb for the web.

Hope that helps!

bossofthebosses said:

is it shared hosting or dedicated hosting?

Click to expand...

it is shared hosting.

abusaeed said:

it is shared hosting.

Click to expand...

You can talk with your hosting provider, some providers offer speedier connection for some extra bucks

shared hostings are slow asf. i personally outed any useless .js and .css outta my website and even minified everything + compressed images in 3 different programs


you can host the images on CDN. cloudflare

abusaeed said:

it is shared hosting.

Click to expand...

Well duh, obviously this is the bottle neck then.
Host your images on a CDN with regional data centers and they will load MUCH quicker.

Besides what has been already said, do you have java, flash (ads) on the site? Those can increase loading times significantly.

Try to compress your jpeg images with Google's open source https://research.googleblog.com/2017/03/announcing-guetzli-new-open-source-jpeg.html?m=1 encoder, they introduced it in March. Google promises 35% smaller file sizes than currently available methods with the same compatibility and without sacrificing quality.


https://github.com/google/guetzli

Try to eliminate unnecessary plugins. Minimize the use of javascripts and CSS Files. Test and see if it will improve your site speed.