WeTest 導(dǎo)讀
小程序科普類的文章已經(jīng)很多了，今天這里講的是針對(duì)小程序的優(yōu)化方法，可以有效提高小程序的響應(yīng)速度和用戶體驗(yàn)。當(dāng)然，開發(fā)體驗(yàn)也提高不少。
1、提高頁面加載速度
在小程序這個(gè)環(huán)境下，怎樣提高頁面加載速度呢？ 這個(gè)問題很大，我把問題具體一下，如何縮短從用戶點(diǎn)擊某個(gè)鏈接，到打開新頁面的這段時(shí)間？ 這里拋一個(gè)核心關(guān)鍵點(diǎn)：
從頁面響應(yīng)用戶點(diǎn)擊行為，開始跳轉(zhuǎn)，到新頁面onload事件觸發(fā)，存在一個(gè)延遲，這個(gè)延遲大概在100-300ms之間（安卓響應(yīng)比ios慢些）。
這個(gè)延遲說短不短，我們可以利用這段時(shí)間，預(yù)先發(fā)起新頁面所需要的網(wǎng)絡(luò)請(qǐng)求。這樣一來，就節(jié)省了100-300ms（或者一個(gè)網(wǎng)絡(luò)請(qǐng)求的時(shí)間）。
知道有這個(gè)gap后，代碼如何實(shí)現(xiàn)呢？
說白了，就是實(shí)現(xiàn)一個(gè)在A頁面預(yù)加載B頁面數(shù)據(jù)的功能。但而這種跨頁面的調(diào)用，很容易把邏輯搞復(fù)雜，將不同頁面的邏輯耦合在一起。所以，我們希望將預(yù)加載的邏輯隱藏于無形中，不增加任何的頁面間耦合，以及開發(fā)復(fù)雜度。
下面以騰訊視頻小程序?yàn)槔?，講解下技術(shù)實(shí)現(xiàn)。
小程序首頁：
當(dāng)用戶點(diǎn)擊海報(bào)圖后，會(huì)執(zhí)行以下代碼（就一行）：
