jquery - 图片加载性能

Question

我正在开发一个使用 Wordpress 和大量图片的网站。这些图像的分辨率为 1000px 到 800px [W X H]，需要手动缩小到缩略图以用于入口页面。每个拇指的大小约为 12KB。入口页面有45张图片需要加载。

我的问题是:以最佳性能加载这些图像的最佳方法是什么？是不是用jQuery来实现，网站打开后加载图片？或者您更喜欢其他解决方案？

所有图像都是简单的 HTML 标记:

   <img src="image.jpg" width="200" height="150" alt="" class="thumb" /> 

Answer 1

使用延迟加载插件:

It delays loading of images in long web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them.

Reference