[資訊] PRPL

 使用 PRPL 模式加快 Web 應用加載

https://www.chainnews.com/zh-hant/articles/193687572939.htm


Faster Web App Delivery with PRPL

https://addyosmani.com/blog/the-prpl-pattern/


餓了麼的PWA升級實踐

https://zhuanlan.zhihu.com/p/27853228


PRPL 是一種用於結構化和交付 Web 應用程序和漸進式 Web 應用(PWA)的模式,重點在於改進應用的交付和啓動性能。這個模式包含一組步驟,以實現快速、可靠、高效的加載:


.Push ,推送初始路由所需的所有資源,並且只推送這些資源,以確保它們儘早可用。

.Render ,在加載其他資源之前,渲染初始路由並使其具備交互能力。

.Pre-cache ,預緩存用戶可能訪問的其他路由的資源,從而在惡劣的網絡條件下儘可能提高對後續請求的響應能力和彈性。

.Lazy-load ,當用戶請求時,按需延遲加載路由;關鍵路由的資源應立即從緩存中加載,而相對不常用的資源可以根據請求從網絡獲取。



#PRPL, PWA


留言