為什么包含在 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 上以提高傳輸速度。