How to make page loading faster when working with high quality images

Question

I have multiple images on my website so I want to know how to optimise the images so that the page loading speed increases.

Answer 1

Maybe you can display image using jS. Use window.onload. Eg:

window.onload=function a(){
var img=document.getElementById('image');
img.src="link of pic";
}

Answer 2

You should look up "lazy loading images" for various strategies.

https://css-tricks.com/snippets/javascript/lazy-loading-images/

Another thing you could look into is image compression and decompression, but I don't really work at that low of a level, so I couldn't tell you much about it.