JAVA如何加快图片的加载速度？

Question

图片是放在金蝶服务器上，前端页面el-image的src放图片的访问路径，加载的速度得4 5秒吧，请问大神这种情况怎么优化，使图片的加载速度变快？

Answer 1

1. 返回给前端压缩图和原图链接
2. 前端一开始加载压缩图，这个速度就上来了
3. 点击后再查看原图

Answer 2

在服务器设置缓存，使图片在第一次加载后能够在后续访问时从缓存中获取，而无需再次下载。然后通过设置适当的响应头来实现

Answer 3

一、优化图片格式和大小

1. 选择合适的图片格式：

   • JPEG 格式适合照片等色彩丰富的图像，它可以在较小的文件大小下提供较好的图像质量。
   • PNG 格式适合有透明背景或需要无损压缩的图像，但文件通常比 JPEG 大。
   • WebP 格式是一种较新的格式，在相同质量下通常比 JPEG 和 PNG 更小，不过可能需要额外的库来支持读取和显示。

2. 压缩图片：

   • 使用图片编辑工具在不明显降低图像质量的前提下压缩图片大小。
   • 对于大量重复出现的小图标等，可以考虑使用雪碧图（CSS sprites）技术，将多个小图片合并成一个大图片，减少 HTTP 请求次数。

二、异步加载

1. 使用多线程：

   • 在 Java 中可以创建新的线程来加载图片，这样不会阻塞主线程（用户界面线程）。当图片加载完成后，再更新界面显示。
   • 例如，可以使用java.util.concurrent.ExecutorService来管理线程池，提交图片加载任务。

2. 延迟加载：

   • 当页面首次加载时，只加载当前可见区域的图片，对于其他不在视野内的图片可以延迟加载。当用户滚动页面使得其他图片进入视野时，再触发加载。
   • 可以通过监听页面滚动事件来实现延迟加载。

三、缓存机制

1. 内存缓存：

   • 使用java.util.HashMap等数据结构在内存中缓存已经加载过的图片。当需要加载图片时，先检查内存缓存中是否存在，如果存在则直接从内存中获取，避免重复加载。

2. 磁盘缓存：

   • 对于较大的图片或者经常使用的图片，可以考虑将其缓存到磁盘上。下次加载时，先检查磁盘缓存，如果存在则直接读取，减少网络请求和重新加载的时间。

四、优化加载逻辑

1. 分批加载：

   • 如果需要加载大量图片，可以将它们分成若干批，逐批加载，避免一次性加载过多导致性能问题。

2. 预加载：

   • 对于用户可能即将访问的页面或场景中的图片，可以提前进行预加载，当用户真正需要时，图片已经在缓存中或者接近加载完成状态。

五、使用高效的图片加载库

1. Java 中有一些专门的图片处理库，如javax.imageio包提供了一些用于读取和写入图像文件的 API，但它的性能可能不是最优的。
2. 可以考虑使用第三方库如Imgscalr等，这些库可能提供更高效的图片加载和处理功能。