WeTest 導(dǎo)讀
小程序科普類的文章已經(jīng)很多了，今天這里講的是針對(duì)小程序的優(yōu)化方法，可以有效提高小程序的響應(yīng)速度和用戶體驗(yàn)。當(dāng)然，開發(fā)體驗(yàn)也提高不少。
1、提高頁(yè)面加載速度
在小程序這個(gè)環(huán)境下，怎樣提高頁(yè)面加載速度呢？ 這個(gè)問題很大，我把問題具體一下，如何縮短從用戶點(diǎn)擊某個(gè)鏈接，到打開新頁(yè)面的這段時(shí)間？ 這里拋一個(gè)核心關(guān)鍵點(diǎn)：
從頁(yè)面響應(yīng)用戶點(diǎn)擊行為，開始跳轉(zhuǎn)，到新頁(yè)面onload事件觸發(fā)，存在一個(gè)延遲，這個(gè)延遲大概在100-300ms之間（安卓響應(yīng)比ios慢些）。
這個(gè)延遲說短不短，我們可以利用這段時(shí)間，預(yù)先發(fā)起新頁(yè)面所需要的網(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è)面預(yù)加載B頁(yè)面數(shù)據(jù)的功能。但而這種跨頁(yè)面的調(diào)用，很容易把邏輯搞復(fù)雜，將不同頁(yè)面的邏輯耦合在一起。所以，我們希望將預(yù)加載的邏輯隱藏于無形中，不增加任何的頁(yè)面間耦合，以及開發(fā)復(fù)雜度。
下面以騰訊視頻小程序?yàn)槔v解下技術(shù)實(shí)現(xiàn)。
小程序首頁(yè)：
當(dāng)用戶點(diǎn)擊海報(bào)圖后，會(huì)執(zhí)行以下代碼（就一行）：
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式