lightning load project

lightning-load-project

小程式效能優化之頁面預載框架

介紹

之前看到一篇文章，《微信小程式之提高應用速度小技巧》，是講如何實現小程式在觸發頁面跳轉前就請求協議，利用跳轉頁面的短短200~300ms的時間，獲取到資料並渲染到新頁面上，實作資料在小程式頁面中預先載入。這種技術，可以縮短用戶的等待時間，極大的提升用戶的使用體驗。但那篇文章中只是講述了技術原理，並沒有實際教大家如何寫，所以我寫了這個頁面預載框架。

框架優缺點

優點：

• 預先載入下一個頁面的數據，提高了頁面的載入速度，輕量級的協定（200~300ms左右就能接收到資料）能輕鬆讓小程式頁面開啟後資料瞬間加載，幾乎不出現空白頁面。
• 讓同種業務的程式碼保持在一個類別中，不會破壞專案結構。
• 程式碼量非常少，對原本業務影響非常少。
• 在小程式初始化時便注入了預加載，未實現預先加載的頁面會自動跳過。
• 實作預載後想刪掉預載？只需在實作的類別中刪除一個字串即可。

缺點：

• 代碼侵入高，需要依情況替換setData為$setData
• 需要開發者非常清楚各情況下的上下文是什麼。
• 協定非常耗時，達到400ms以上的，使用這種最佳化方式就不明顯了。

使用該技術的項目

LINK

整合方式文檔

技術原理文檔

LICENSE

感謝這篇文章提供的想法： 微信小程式之提升應用速度小技巧