傳統(tǒng)H5中也可以通過預(yù)加載來提升用戶體驗，但在小程序中做到這一點實際上是可以更簡單方便卻又更容易被忽視的。

傳統(tǒng)H5在啟動時，page1.html 只會加載 page1.html 的頁面與邏輯代碼，當(dāng)page1.html 跳轉(zhuǎn)至 page2.html 時，page1 所有的 Javascript 數(shù)據(jù)將會從內(nèi)存中消失。page1 與 page2 之間的數(shù)據(jù)通信只能通過 URL 參數(shù)傳遞或者瀏覽器的 cookie，localStorge 存儲處理。

小程序在啟動時，會直接加載所有頁面邏輯代碼進(jìn)內(nèi)存，即便 page2 可能都不會被使用。在 page1 跳轉(zhuǎn)至 page2 時，page1 的邏輯代碼 Javascript 數(shù)據(jù)也不會從內(nèi)存中消失。page2 甚至可以直接訪問 page1 中的數(shù)據(jù)。

最簡單的驗證方式就是在 page1 中加入一個 setInterval(function () {console.log('exist')}, 1000)。傳統(tǒng)H5中跳轉(zhuǎn)后定時器會自動消失，小程序中跳轉(zhuǎn)后定時器仍然工作。

小程序的這種機制差異正好可以更好的實現(xiàn)預(yù)加載。通常情況下，我們習(xí)慣將數(shù)據(jù)拉取寫在 onLoad 事件中。但是小程序的 page1 跳轉(zhuǎn)到 page2，到 page2 的 onLoad 是存在一個 300ms ~ 400ms 的延時的。如下圖：

圖片描述

因為小程序的特性，完全可以在 page1 中預(yù)先拿取數(shù)據(jù)，然后在 page2 中直接使用數(shù)據(jù)，這樣就可以避開 redirecting 的 300ms ~ 400ms了。如下圖：

圖片描述