为什么 thymeleaf 布局中包含的图像需要很长时间才能显示?
Why included images in a thymeleaf layout takes a long time to being displayed?
我正在开发 java 应用程序,一切正常,但在前端,我使用的是 thymeleaf(我第一次使用它,从 primefaces 继续)。
我注意到页面加载(在本地工作)非常快,正如预期的那样,因为信息不相关并且现在没有使用数据库。
让我吃惊的是图片可能会在 2 秒后加载,我不知道为什么,它们存储在本地应用程序资产文件夹中。
我以这种方式包括它们:
<img th:src="@{/assets/images/myimage.png}" />
有没有办法让它更快? (当然,我稍后会为我的JVM设置更多内存,但这种东西应该不会花那么长时间......)
任何缓存或更快的方法?
我正在使用 spring 4 mvc
谢谢。
这有太多变数,我不会列出所有变数,但会列出一些:
- 客户端和服务器之间的距离
- 您的应用程序的效率
- 图片大小
- 浏览器和所有 extensions/plugins 附加到它
- 服务器功率
- 客户端机器功率
- 送货方式
- 管理图像加载的潜在 javascripts
- 恶意软件
如前所述,还有很多我没有列出,这确实是一个消除的过程。
我们的应用程序中有一些可以避免图像延迟的东西包括
- 服务器内存从 512 增加到 1024
- 将服务器位置更改为更本地的来源
- 更改应用程序获取图像的位置(更快的 raid 磁盘)
- 延迟整页显示,直到客户端计算机上预加载所有内容(查看无样式内容修复的 Flash)
- Web 应用程序本身的性能改进
您需要做的是探索每个选项并开始对其进行改进,最终您将获得所需的结果。
如果您想避免从服务器加载图像,请将它们托管在 CDN 上以提高传输速度。
我正在开发 java 应用程序,一切正常,但在前端,我使用的是 thymeleaf(我第一次使用它,从 primefaces 继续)。
我注意到页面加载(在本地工作)非常快,正如预期的那样,因为信息不相关并且现在没有使用数据库。
让我吃惊的是图片可能会在 2 秒后加载,我不知道为什么,它们存储在本地应用程序资产文件夹中。
我以这种方式包括它们:
<img th:src="@{/assets/images/myimage.png}" />
有没有办法让它更快? (当然,我稍后会为我的JVM设置更多内存,但这种东西应该不会花那么长时间......)
任何缓存或更快的方法?
我正在使用 spring 4 mvc
谢谢。
这有太多变数,我不会列出所有变数,但会列出一些:
- 客户端和服务器之间的距离
- 您的应用程序的效率
- 图片大小
- 浏览器和所有 extensions/plugins 附加到它
- 服务器功率
- 客户端机器功率
- 送货方式
- 管理图像加载的潜在 javascripts
- 恶意软件
如前所述,还有很多我没有列出,这确实是一个消除的过程。
我们的应用程序中有一些可以避免图像延迟的东西包括
- 服务器内存从 512 增加到 1024
- 将服务器位置更改为更本地的来源
- 更改应用程序获取图像的位置(更快的 raid 磁盘)
- 延迟整页显示,直到客户端计算机上预加载所有内容(查看无样式内容修复的 Flash)
- Web 应用程序本身的性能改进
您需要做的是探索每个选项并开始对其进行改进,最终您将获得所需的结果。
如果您想避免从服务器加载图像,请将它们托管在 CDN 上以提高传输速度。