将图片 src 换成 base64 格式加载，减少网络请求图片经过 base64 编码后会变大，增大 HTML 页面的大小，影响加载速度所以要合理使用此方式，常用在 webpack 的 urlloader3 使用 CDN使用 CDN内容分发网络可。

lt！DOCTYPE HTMLlthtmllthead lttitlePage Titlelttitle ltmeta =。

你的图片路径有问题不准确完整 推荐使用相对路径比如1html和1jpg这两个文件在同一级文件夹里则src=quot1jpgquot或直接写 “1jpg”。

100K的图片加载缓慢，不太可能是图片本身的问题了怀疑是图片服务器的问题，比如带宽或者网络情况，可以尝试更换图片至另一个服务器或者使用cdn测试一下。

预加载就是页面打开，图片什么的都加载好了优先显示图片延迟加载优先显示别的，等别的显示完了，再加载图片优先显示其他东西各有所需，看你的用户需要优先看什么。

一般来说，为了给用户有良好的使用体验，会在onload中放入默认图片，也就是常见的图片加载中的图片，而不会直接显示空白，然后按照文档流来执行后面的img标签，再加载对应的实际图片，希望对您有帮助。

就像图片的延迟加载，在图片出现在可视区域内时在滚动条下拉才加载显示图片 四预加载 预加载是一种浏览器机制，使用浏览器空闲时间来预先下载加载用户接下来很可能会浏览的页面资源，当用户访问某个预加载的链接时。