Solve single-page loading pictures too many single pictures too big load slow problem PHP

RT, on-line search said lazyload delay loading, try the effect is good. The image automatically loads the new picture only in the browser's viewable size area. But the browse area if loading a full screen picture, or is very slow, I mean the individual picture itself is wide and size is large, there is a good solution?

For example, the red area loading a large image, it will be very slow

Reply to discussion (solution)

Even if loading full screen pictures, you still have to deal with slices, such as compression, initialization loading pictures, you can use the JS cache image, the next time to open faster.

Preferably front-end/pre-advanced image optimization, such as in PS finished = "Save web format, JPG or PNG or GIF, the image is to choose" continuous "or" optimize "according to their own situation to choose or do a test, or use PHP to generate thumbnails specifically for the front-end display, This can be faster loading, and then if the user wants to see the picture, click on the thumbnail image to see the original,,,

