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



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

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

2690
閱讀量
打造“破圈兒”的知識付費社交APP軟件
燚軒科技    ·
05月26日
·    鄭州APP制作,鄭州軟件定制公司,鄭州app開發(fā)公司,鄭州小程序開發(fā)公司,鄭州app定制公司
蓬勃發(fā)展,據相關數據顯示,自 2015 年起中國知識付費市場規(guī)模不斷擴大,預計 2025 年...

95
閱讀量
做一個鄭州旅游APP應該具備哪些功能?
燚軒科技    ·
11月21日
·    鄭州app開發(fā) 鄭州小程序開發(fā)
產業(yè)之一,對中國國民經濟創(chuàng)收立下了“汗馬功勞”,其中旅游市場增長一直十分迅猛,這說明人民的精...

3344
閱讀量
用戶是小程序的生存基本,如何才能提高用戶保留率呢?
燚軒科技    ·
09月25日
·    鄭州小程序開發(fā),鄭州小程序制作,鄭州小程序開發(fā)公司
留存率仍然是許多商家所關注和迫切需要解決的問題。下面鄭州小程序開發(fā)公司的小編為大家提幾個建議...

3101
閱讀量
鄭州訂餐外賣小程序開發(fā)制作有哪些注意事項?看這篇就夠了
燚軒科技    ·
07月22日
·    訂餐小程序,小程序開發(fā)
中國互聯(lián)網絡發(fā)展狀況統(tǒng)計報告顯示,截至2021年底,我國網上外賣的用戶規(guī)模達5.44億,較前...

3040
閱讀量
開發(fā)的APP產品無人理睬?我來告訴你如何解決
燚軒科技    ·
09月12日
·    鄭州APP開發(fā),鄭州APP開發(fā)公司
據了人們日常生活的很大一部分,手機之所以如此吸引人,是因為手機中各種各樣的APP產品。...

2724
閱讀量