服務人員和頁面性能

Question

我被困在一個我真的不想去的婚禮招待會上，而且我正在開車，所以顯然我在讀關於服務人員的文章。 我在用手機打電話，所以什么都不能玩，但在考慮它們是否是提高網頁性能的可行選擇？

圖片是我網站上最大的殺手er，我半想着我們可以使用服務工作者來緩存它們，以幫助減少頁面加載時間。 據我所知，瀏覽器仍然發出http請求，只是響應來自軟件緩存，而不是文件位置。 我在這里想念什么嗎？ 因此，這樣做有任何實際好處嗎？

Answer 1

盡管常規的http緩存與ServiceWorker緩存有很多重疊，但是前者不能很好地處理的一件事是在許多客戶端javascript應用程序中使用的動態生成的html。 即使應用程序的所有資源都是緩存命中，在應用程序可用之前編譯和執行javascript仍然存在延遲。

Addy Osmani 演示了如何使用ServiceWorker來緩存應用程序的Shell。 在客戶端上修改DOM后，它會在緩存中更新。 下次請求該URL時，ServiceWorker會在啟動應用程序之前以准備好使用的html答復。

另一個優點是lie-fi ：當網絡可用時，但沒有足夠的數據包通過。 ServiceWorkers可以承受幾乎無法察覺的超時，因為它們可以立即從緩存中服務並等待響應加載（如果有）。

Answer 2

您的考慮無效。

Service Worker設計為像代理服務器一樣工作，可以特別處理一些脫機操作，例如脫機功能，推送通知，后台同步等。因此，在您的情況下，通過在Service Worker上緩存圖像來獲得任何性能上的好處。傳統瀏覽器的緩存方法。