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