是否可以緩存動態網頁？

Question

如果使用javascript來更改顯示或將新的innerHTML寫入頁面，是否可以緩存動態網頁？例如，也許一些Ajax運行並從數據庫中獲取一些信息，然後通過重寫div的innerHTML在頁面上動態顯示信息。

是否有可能緩存最終的html並提供它，而不是每次重新創建它。 謝謝，

丹

Answer 1

是的，當然。

自動完成文本輸入框緩存結果以便點擊退格或刪除不會將請求重新發送到服務器是很常見的。

怎麼辦？只需從DOM樹中讀取innerHTML，並保存在JavaScript變量甚至HTML5本地存儲中的某處。

Answer 2

這實際上取決於您的網頁實際上具有多大的動態性，特別是如果您通過ajax請求顯示與用戶直接相關的信息，即「G'Day Flungabunga，澳大利亞悉尼的情況如何」。

根據我的經驗，用於實現這些結果緩存並仍然將JavaScript作爲核心機制的解決方案和技術變得過於複雜和脆弱。

爲了實現這種行爲並能夠有效地緩存這些結果，我們採用了Varnish Cache和ESI（Edge Side Includes）功能。

我知道這個答案，如果在一定程度上脫離主題，但是你可能會發現，看着不同的機制可能會給你一個更優雅的解決方案。