Recently, it was found that due to the increasing number of images with the most code, after the original mechanism of real-time image cropping was optimized to pre-generate 120 and 650 specifications, the cpu dropped, but the traffic increased, because java's real-time image processing is slower than nginx's processing of static images, you must consider the image loading delay technology.
It is not easy to be original. For more information, see the source: image loading implemented by jquery plug-in jquery. lazyload.
Note:
This version has a problem and may cause multiple requests to the same image. Therefore, this plug-in is not recommended and I will look for a better alternative.
Organized from: http://www.appelsiini.net/projects/lazyload/enabled.html
Reference: http://www.neoease.com/lazy-load-jquery-plugin-delay-load-image/
Code: http://www.zuidaima.com/share/1663692302404608.htm