为什么包含在 thymeleaf 布局中的图像需要很长时间才能显示？

Question

我正在开发一个 Java 应用程序，一切正常，但在前端，我使用的是 thymeleaf（我第一次使用它，从 primefaces 开始）。

我注意到的是页面加载（本地工作）非常快，正如预期的那样，因为信息不相关并且现在没有使用数据库。

令我惊讶的是，图像可能在 2 秒后加载，我不知道为什么，它们本地存储在应用程序资产文件夹中。

我以这种方式包括他们：

<img th:src="@{/assets/images/myimage.png}" />

有没有办法让它更快？ （当然，我稍后会为我的 JVM 设置更多内存，但这种东西不应该花那么长时间......）

任何缓存或更快的方法？

我正在使用 spring 4 mvc

谢谢。

Answer 1

这有很多变量，我不打算列出所有这些，而是​​列出一些：

• 客户端和服务器之间的距离
• 您的应用程序的效率
• 图片尺寸
• 浏览器和所有附加到它的扩展/插件
• 服务器功率
• 客户端机器功率
• 运输方式
• 管理图像加载的潜在 javascripts
• 恶意软件

如前所述，还有很多我没有列出，这确实是一个消除过程。

我们在应用程序中可以避免图像延迟的一些内容包括

• 服务器内存从 512 增加到 1024
• 将服务器的位置更改为更本地的源
• 更改应用程序获取图像的位置（更快的raid 磁盘）
• 延迟整页显示，直到所有内容都预加载到客户端计算机上（查看 Flash of Unstyled Content Fixes）
• Web 应用程序本身的性能改进

你需要做的是探索每个选项并开始改进它，最终你会得到你需要的结果。

仅供参考，如果您想避免从服务器加载图像，请将它们托管在 CDN 上以提高传输速度。