About loading large images on web pages_html/css_WEB-ITnose

In a web page, if the background is a large picture, or there are large pictures on the navigation, how should I write html or js so that it can load the fastest?

Reply to the discussion (solution)

There is no other way except to make the picture smaller. The thing is so big, even if you want to move it up quickly

Compress height and width in equal proportions

HTML5 image lazy loading technology
jquery image lazy load.

Pictures with poor compression quality are displayed first. Cut the large picture into pieces and float them behind the elements. Multiple blocks are pieced together into a whole picture. Each piece of picture is placed on a different static file server. The browser can download it in multiple threads. picture.

Cut the large picture into several parts and then spell them out on the web page