燚軒科技 助力中小型企業(yè)
關(guān)注行業(yè)新聞 把握時代脈搏
鄭州小程序開發(fā)專家教你怎么提升小程序性能



小程序的流暢程度很大程度上是由其部件的組成來決定的,那么我們怎么通過手段來增強(qiáng)小程序的性能呢?今天鄭州小程序開發(fā)專家?guī)Т蠹伊私庖幌掳伞?br />
圖片資源
目前圖片資源的主要性能問題在于大圖片和長列表圖片上,這兩種情況都有可能導(dǎo)致 iOS 客戶端內(nèi)存占用上升,從而觸發(fā)系統(tǒng)回收小程序頁面。
圖片對內(nèi)存的影響
在 iOS 上,小程序的頁面是由多個 WKWebView 組成的,在系統(tǒng)內(nèi)存緊張時,會回收掉一部分 WKWebView。從過去我們分析的案例來看,大圖片和長列表圖片的使用會引起 WKWebView 的回收。
圖片對頁面切換的影響
除了內(nèi)存問題外,大圖片也會造成頁面切換的卡頓。我們分析過的案例中,有一部分小程序會在頁面中引用大圖片,在頁面后退切換中會出現(xiàn)掉幀卡頓的情況。
當(dāng)前我們建議開發(fā)者盡量減少使用大圖片資源。
代碼包大小的優(yōu)化
小程序一開始時代碼包限制為 1MB,但我們收到了很多反饋說代碼包大小不夠用,經(jīng)過評估后我們放開了這個限制,增加到 2MB 。代碼包上限的增加對于開發(fā)者來說,能夠?qū)崿F(xiàn)更豐富的功能,但對于用戶來說,也增加了下載流量和本地空間的占用。
開發(fā)者在實現(xiàn)業(yè)務(wù)邏輯同時也有必要盡量減少代碼包的大小,因為代碼包大小直接影響到下載速度,從而影響用戶的首次打開體驗。除了代碼自身的重構(gòu)優(yōu)化外,還可以從這兩方面著手優(yōu)化代碼大?。?br />
控制代碼包內(nèi)圖片資源
小程序代碼包經(jīng)過編譯后,會放在微信的 CDN 上供用戶下載,CDN 開啟了 GZIP 壓縮,所以用戶下載的是壓縮后的 GZIP 包,其大小比代碼包原體積會更小。 但我們分析數(shù)據(jù)發(fā)現(xiàn),不同小程序之間的代碼包壓縮比差異也挺大的,部分可以達(dá)到 30%,而部分只有 80%,而造成這部分差異的一個原因,就是圖片資源的使用。GZIP 對基于文本資源的壓縮效果最好,在壓縮較大文件時往往可高達(dá) 70%-80% 的壓縮率,而如果對已經(jīng)壓縮的資源(例如大多數(shù)的圖片格式)則效果甚微。
及時清理沒有使用到的代碼和資源
在日常開發(fā)的時候,我們可能引入了一些新的庫文件,而過了一段時間后,由于各種原因又不再使用這個庫了,我們常常會只是去掉了代碼里的引用,而忘記刪掉這類庫文件了。目前小程序打包是會將工程下所有文件都打入代碼包內(nèi),也就是說,這些沒有被實際使用到的庫文件和資源也會被打入到代碼包里,從而影響到整體代碼包的大小。
希望鄭州小程序開發(fā)專家分享的這些內(nèi)容,能夠幫助大家更好你的優(yōu)化小程序的性能。

目前圖片資源的主要性能問題在于大圖片和長列表圖片上,這兩種情況都有可能導(dǎo)致 iOS 客戶端內(nèi)存占用上升,從而觸發(fā)系統(tǒng)回收小程序頁面。
圖片對內(nèi)存的影響
在 iOS 上,小程序的頁面是由多個 WKWebView 組成的,在系統(tǒng)內(nèi)存緊張時,會回收掉一部分 WKWebView。從過去我們分析的案例來看,大圖片和長列表圖片的使用會引起 WKWebView 的回收。
圖片對頁面切換的影響
除了內(nèi)存問題外,大圖片也會造成頁面切換的卡頓。我們分析過的案例中,有一部分小程序會在頁面中引用大圖片,在頁面后退切換中會出現(xiàn)掉幀卡頓的情況。
當(dāng)前我們建議開發(fā)者盡量減少使用大圖片資源。
代碼包大小的優(yōu)化
小程序一開始時代碼包限制為 1MB,但我們收到了很多反饋說代碼包大小不夠用,經(jīng)過評估后我們放開了這個限制,增加到 2MB 。代碼包上限的增加對于開發(fā)者來說,能夠?qū)崿F(xiàn)更豐富的功能,但對于用戶來說,也增加了下載流量和本地空間的占用。
開發(fā)者在實現(xiàn)業(yè)務(wù)邏輯同時也有必要盡量減少代碼包的大小,因為代碼包大小直接影響到下載速度,從而影響用戶的首次打開體驗。除了代碼自身的重構(gòu)優(yōu)化外,還可以從這兩方面著手優(yōu)化代碼大?。?br />
控制代碼包內(nèi)圖片資源
小程序代碼包經(jīng)過編譯后,會放在微信的 CDN 上供用戶下載,CDN 開啟了 GZIP 壓縮,所以用戶下載的是壓縮后的 GZIP 包,其大小比代碼包原體積會更小。 但我們分析數(shù)據(jù)發(fā)現(xiàn),不同小程序之間的代碼包壓縮比差異也挺大的,部分可以達(dá)到 30%,而部分只有 80%,而造成這部分差異的一個原因,就是圖片資源的使用。GZIP 對基于文本資源的壓縮效果最好,在壓縮較大文件時往往可高達(dá) 70%-80% 的壓縮率,而如果對已經(jīng)壓縮的資源(例如大多數(shù)的圖片格式)則效果甚微。
及時清理沒有使用到的代碼和資源
在日常開發(fā)的時候,我們可能引入了一些新的庫文件,而過了一段時間后,由于各種原因又不再使用這個庫了,我們常常會只是去掉了代碼里的引用,而忘記刪掉這類庫文件了。目前小程序打包是會將工程下所有文件都打入代碼包內(nèi),也就是說,這些沒有被實際使用到的庫文件和資源也會被打入到代碼包里,從而影響到整體代碼包的大小。
希望鄭州小程序開發(fā)專家分享的這些內(nèi)容,能夠幫助大家更好你的優(yōu)化小程序的性能。
版權(quán)與免責(zé)聲明
鄭州APP開發(fā),鄭州小程序開發(fā)燚軒軟件科技有限公司聲明:如發(fā)現(xiàn)內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息發(fā)郵件至854221200@qq.com,我們將及時溝通處理。本站內(nèi)容源于網(wǎng)絡(luò),涉及內(nèi)容、言論與本站無關(guān)
分享到微信朋友圈
+
打開微信,點(diǎn)擊底部的“發(fā)現(xiàn)”,使用 “掃一掃” 即可將網(wǎng)頁分享到我的朋友圈。 如何使用?
推薦文章
鄭州在線教育APP制作有哪些注意事項?看這篇就夠了
燚軒科技    ·
06月30日
·    在線教育APP,APP開發(fā)
動在線教育的發(fā)展如火如荼。許多傳統(tǒng)教培行業(yè)轉(zhuǎn)至線上,開發(fā)自己的線上教育平臺。在線教育APP的...

3094
閱讀量
怎樣降低APP的卸載率,減少用戶流失?
燚軒科技    ·
07月04日
·    鄭州APP開發(fā)、鄭州APP制作
P上線第一件事就是獲取用戶,那么在獲取用戶之后怎樣減少用戶流失,增加用戶留存率呢?...

3084
閱讀量
大學(xué)兼職賺個零花錢,這個小程序或許有些用
燚軒科技    ·
07月17日
·    小程序開發(fā),鄭州小程序制作
育軟件層出不窮,然而相關(guān)市場競爭十分激烈,所以創(chuàng)投者們希望找到新的突破點(diǎn),于是校園鄭州跑腿小...

3588
閱讀量
開發(fā)微信小程序多少錢合適?幾千塊錢算不算很貴
燚軒科技    ·
07月04日
·    微信小程序開發(fā)
越來越熱,不管是企業(yè)還是商家都在做,甚至一些個人也在嘗試開發(fā)一款微信小程序,但是微信小程序開...

3730
閱讀量
企業(yè)網(wǎng)站建設(shè)類型有哪幾種?
燚軒科技    ·
01月06日
·    鄭州做APP公司
類型有很多,不同的類型作用也不一樣,那么怎么知道你適合哪個呢?今天鄭州做APP就為大家解惑。...

3885
閱讀量
一分鐘帶你看懂微信小程序的優(yōu)點(diǎn)在哪里
燚軒科技    ·
07月03日
·    鄭州小程序開發(fā)、鄭州小程序制作
我們生活中必不可少的重要工具還經(jīng)常拿來與APP相比較,那么微信小程序都有哪些優(yōu)勢和機(jī)會呢?...

2519
閱讀量