国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

微信小程序篇3 談談如何提高小程序的應用速度

這篇具有很好參考價值的文章主要介紹了微信小程序篇3 談談如何提高小程序的應用速度。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

小程序在首次啟動前,微信會在小程序啟動前為小程序準備好通用的運行環(huán)境,如運行中的線程和一些基礎庫的初始化。在進入啟動狀態(tài)時,微信需要完成幾項工作:下載小程序代碼包、加載小程序代碼包、初始化(渲染)小程序首頁。所以,我們可以從加載、渲染兩個維度去提高應用速度:

加載

1. 控制小程序包的大小

  • 勾選開發(fā)者工具中“上傳代碼時,壓縮代碼”選項
  • 及時清理無用的代碼和資源文件

  • 減少資源包中的圖片等資源的數(shù)量和大小

2. 采用分包加載

將用戶訪問率高的頁面放在主包里,訪問率低的頁面放在子包里,按需加載;當用戶點擊到子包頁面時,由于也會有代碼包的下載,所有會有卡頓的情況出現(xiàn),那么我們子包可以采用預加載的技術,不需要等到用戶點擊到子包頁面后再下載子包。

渲染

1. 預加載網絡請求的數(shù)據

描述現(xiàn)象:

如果小程序打開新頁面時需要通過網絡請求從接口中獲取所用數(shù)據,在請求完之前頁面都會因為沒有數(shù)據而呈現(xiàn)一片空白。

解決方案:(方案分為三種,最后一種為預加載方式)

1)先使用從緩存中取出上一次數(shù)據,等到請求結束后再使用請求得到的數(shù)據?。

2)在加載時顯示骨架屏?(骨架屏:在頁面尚未加載前展示出來的大致結構)。

3)前一個頁面預加載下一個頁面的數(shù)據,達到秒開的效果?。

預加載設計思路:

1)實現(xiàn)預加載能力的關鍵是能夠調用其他頁面的函數(shù),需要獲取其他頁面對象。但是部分還沒有加載出來,getCurrentPage 方法也獲取不到,因此需要把預加載頁面的 PageOption 給保存起來。

2)那些沒有被創(chuàng)建的頁面并沒有 setData 方法,需要模擬一個 setData 方法,把獲取到的數(shù)據暫存起來,在 onLoad階段再調用 setData 呈現(xiàn)到視圖上。

3)頁面應當可以主動被預加載,但是在沒有被預加載的時候也應該能夠正常打開。

2. 減少默認 data 的大小

頁面打開一個新頁面時微信會深拷貝一個 Page 對象,因此,應該盡量減少默認 data 的大小,以及減少對象內的自定義屬性。

雖然小程序足夠小巧,但啟動速度還是有 2-3s,無法達到秒開的效果。單個頁面的初始化只需要 1-2ms,也許大部分時間消耗在了微信跟服務器端通信的過程中。文章來源地址http://www.zghlxwxcb.cn/news/detail-498673.html

到了這里,關于微信小程序篇3 談談如何提高小程序的應用速度的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!

本文來自互聯(lián)網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如若轉載,請注明出處: 如若內容造成侵權/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經查實,立即刪除!

領支付寶紅包贊助服務器費用

相關文章

  • 物聯(lián)網實踐教程(終章):微信小程序結合OneNET平臺MQTT實現(xiàn)51/STM32單片機智能控制與溫度等數(shù)據實時顯示【微信小程序篇】

    物聯(lián)網實踐教程(終章):微信小程序結合OneNET平臺MQTT實現(xiàn)51/STM32單片機智能控制與溫度等數(shù)據實時顯示【微信小程序篇】

    本項目教程總共分為四節(jié) 1.創(chuàng)建OneNET新版MQTT設備:為微信小程序與單片機通信打基礎(微信小程序通信單片機前置任務) 2.ESP8266-01s入門:燒錄AT固件與OneNET MQTT通信教程包含MQTT.fx1.7.1教程(微信小程序通信單片機前置任務) 3.物聯(lián)網實踐教程:微信小程序結合OneNET平臺MQTT實

    2024年02月03日
    瀏覽(37)
  • 分析一個項目(微信小程序篇)一

    分析一個項目(微信小程序篇)一

    分析一個項目講究的是如何進行對項目的解析分解,進一步了解項目的整體結構,熟悉項目的結構,能夠知道每個組件所處在哪個位置,發(fā)揮什么作用。 本次所介紹的是微信小程序項目(甑選商場): 其首頁頁面如下: 其分類頁面如下: 其發(fā)現(xiàn)頁面如下: 其購物車頁面如

    2024年01月16日
    瀏覽(25)
  • 分析一個項目(微信小程序篇)三

    分析一個項目(微信小程序篇)三

    目錄 接下來分析接口方面: home接口: categories接口: ?details接口:? login接口: 分析一個項目講究的是如何進行對項目的解析分解,進一步了解項目的整體結構,熟悉項目的結構,能夠知道每個組件所處在哪個位置,發(fā)揮什么作用。 首先對于基礎接口定義為本地接口:$h

    2024年02月02日
    瀏覽(20)
  • 分析一個項目(微信小程序篇)二

    分析一個項目(微信小程序篇)二

    目錄 首頁: 發(fā)現(xiàn): 購物車: 我的: 分析一個項目講究的是如何進行對項目的解析分解,進一步了解項目的整體結構,熟悉項目的結構,能夠知道每個組件所處在哪個位置,發(fā)揮什么作用。 接下來我們進一步分析本次項目 : 各個頁面的分布情況: 其頁面如下:? ?搜索框

    2024年02月03日
    瀏覽(41)
  • 【前端高頻面試題--微信小程序篇】

    【前端高頻面試題--微信小程序篇】

    ?? 作者 :“碼上有前” ?? 文章簡介 :前端高頻面試題 ?? 歡迎小伙伴們 點贊??、收藏?、留言?? 【前端高頻面試題–HTML篇】 【前端高頻面試題–CSS上篇】 【前端高頻面試題–CSS下篇】 【前端高頻面試題–JS上篇】 【前端高頻面試題–JS下篇】 【前端高頻面試題–

    2024年02月20日
    瀏覽(16)
  • 【微信小程序篇】- 多環(huán)境(版本)配置

    最近自己在嘗試使用AIGC寫一個小程序,頁面、樣式、包括交互函數(shù)AIGC都能夠幫我完成(不過這里有一點問題AIGC的上下文關聯(lián)性還是有限制,會經常出現(xiàn)對于需求理解跑偏情況,需要不斷的重復強調,并糾正錯誤,才能得到你想要的內容)。 因為最近某些原因,所處的環(huán)境網絡

    2024年02月11日
    瀏覽(28)
  • 微信小程序篇之與vue有何不同

    微信小程序篇之與vue有何不同

    大家好!又懷著興奮的心情去學習了微信小程序,框架這個東西嘛,隨著時代的新潮一波又一波的到來,一波又一波的被沖走。為什么要拿vue與小程序開發(fā)做對比呢? 這是因為我相信大家不會在沒有學習到vue之前就把小程序給學習了,哈哈哈。這篇文章最好給已經接觸過別的

    2024年02月09日
    瀏覽(15)
  • uni-app啟動小程序篇(字節(jié),微信)

    uni-app啟動小程序篇(字節(jié),微信)

    uni-app啟動小程序篇 uni-app在字節(jié)工具小程序啟動 1.1 在Hbuild X點擊運行, 進入運行設置 1.2 進入運行設置后,設置字節(jié)小程序的運行位置 ? 1.3 以上配置完成后,點擊運行到小程序 ? 1.4 啟動成功后 復制該地址 ? 1.5 打開字節(jié)小程序,選小程序,點擊新建 ? 1.6 進入后點擊導入項目,將剛

    2024年02月11日
    瀏覽(24)
  • 如何提高小程序搜索排名

    如何提高小程序搜索排名

    比如我們開發(fā)了一個自己的小程序,但是在微信上面搜索不到或者排名不是靠前的,這個是什么原因呢? 是根據你搜索的是否命中,你小程序的瀏覽量和小程序評分來綜合決定的。 那么我們如何給自己的小程序評分呢?其實也很簡單。 第一步,搜索小程序 比如 火車

    2024年02月11日
    瀏覽(24)
  • 微信小程序開發(fā)系列(十三)·如何使用iconfont、微信小程序中如何使用字體圖標

    微信小程序開發(fā)系列(十三)·如何使用iconfont、微信小程序中如何使用字體圖標

    目錄 1.? 如何使用iconfont 2.??微信小程序中如何使用字體圖標 3.? 背景圖的使用 ????????在項目中使用到的小圖標,一般由公司設計師進行設計,設計好以后上傳到阿里巴巴矢量圖標庫,然后方便程序員來進行使用。 ????????小程序中的字體圖標使用方式與 Web 開發(fā)中

    2024年03月20日
    瀏覽(109)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包,優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包