燚軒科技 助力中小型企業
關注行業新聞 把握時代脈搏
鄭州小程序開發專家教你怎么提升小程序性能
小程序的流暢程度很大程度上是由其部件的組成來決定的,那么我們怎么通過手段來增強小程序的性能呢?今天鄭州小程序開發專家帶大家了解一下吧。
圖片資源
目前圖片資源的主要性能問題在于大圖片和長列表圖片上,這兩種情況都有可能導致 iOS 客戶端內存占用上升,從而觸發系統回收小程序頁面。
圖片對內存的影響
在 iOS 上,小程序的頁面是由多個 WKWebView 組成的,在系統內存緊張時,會回收掉一部分 WKWebView。從過去我們分析的案例來看,大圖片和長列表圖片的使用會引起 WKWebView 的回收。
圖片對頁面切換的影響
除了內存問題外,大圖片也會造成頁面切換的卡頓。我們分析過的案例中,有一部分小程序會在頁面中引用大圖片,在頁面后退切換中會出現掉幀卡頓的情況。
當前我們建議開發者盡量減少使用大圖片資源。
代碼包大小的優化
小程序一開始時代碼包限制為 1MB,但我們收到了很多反饋說代碼包大小不夠用,經過評估后我們放開了這個限制,增加到 2MB 。代碼包上限的增加對于開發者來說,能夠實現更豐富的功能,但對于用戶來說,也增加了下載流量和本地空間的占用。
開發者在實現業務邏輯同時也有必要盡量減少代碼包的大小,因為代碼包大小直接影響到下載速度,從而影響用戶的首次打開體驗。除了代碼自身的重構優化外,還可以從這兩方面著手優化代碼大小:
控制代碼包內圖片資源
小程序代碼包經過編譯后,會放在微信的 CDN 上供用戶下載,CDN 開啟了 GZIP 壓縮,所以用戶下載的是壓縮后的 GZIP 包,其大小比代碼包原體積會更小。 但我們分析數據發現,不同小程序之間的代碼包壓縮比差異也挺大的,部分可以達到 30%,而部分只有 80%,而造成這部分差異的一個原因,就是圖片資源的使用。GZIP 對基于文本資源的壓縮效果最好,在壓縮較大文件時往往可高達 70%-80% 的壓縮率,而如果對已經壓縮的資源(例如大多數的圖片格式)則效果甚微。
及時清理沒有使用到的代碼和資源
在日常開發的時候,我們可能引入了一些新的庫文件,而過了一段時間后,由于各種原因又不再使用這個庫了,我們常常會只是去掉了代碼里的引用,而忘記刪掉這類庫文件了。目前小程序打包是會將工程下所有文件都打入代碼包內,也就是說,這些沒有被實際使用到的庫文件和資源也會被打入到代碼包里,從而影響到整體代碼包的大小。
希望鄭州小程序開發專家分享的這些內容,能夠幫助大家更好你的優化小程序的性能。
目前圖片資源的主要性能問題在于大圖片和長列表圖片上,這兩種情況都有可能導致 iOS 客戶端內存占用上升,從而觸發系統回收小程序頁面。
圖片對內存的影響
在 iOS 上,小程序的頁面是由多個 WKWebView 組成的,在系統內存緊張時,會回收掉一部分 WKWebView。從過去我們分析的案例來看,大圖片和長列表圖片的使用會引起 WKWebView 的回收。
圖片對頁面切換的影響
除了內存問題外,大圖片也會造成頁面切換的卡頓。我們分析過的案例中,有一部分小程序會在頁面中引用大圖片,在頁面后退切換中會出現掉幀卡頓的情況。
當前我們建議開發者盡量減少使用大圖片資源。
代碼包大小的優化
小程序一開始時代碼包限制為 1MB,但我們收到了很多反饋說代碼包大小不夠用,經過評估后我們放開了這個限制,增加到 2MB 。代碼包上限的增加對于開發者來說,能夠實現更豐富的功能,但對于用戶來說,也增加了下載流量和本地空間的占用。
開發者在實現業務邏輯同時也有必要盡量減少代碼包的大小,因為代碼包大小直接影響到下載速度,從而影響用戶的首次打開體驗。除了代碼自身的重構優化外,還可以從這兩方面著手優化代碼大小:
控制代碼包內圖片資源
小程序代碼包經過編譯后,會放在微信的 CDN 上供用戶下載,CDN 開啟了 GZIP 壓縮,所以用戶下載的是壓縮后的 GZIP 包,其大小比代碼包原體積會更小。 但我們分析數據發現,不同小程序之間的代碼包壓縮比差異也挺大的,部分可以達到 30%,而部分只有 80%,而造成這部分差異的一個原因,就是圖片資源的使用。GZIP 對基于文本資源的壓縮效果最好,在壓縮較大文件時往往可高達 70%-80% 的壓縮率,而如果對已經壓縮的資源(例如大多數的圖片格式)則效果甚微。
及時清理沒有使用到的代碼和資源
在日常開發的時候,我們可能引入了一些新的庫文件,而過了一段時間后,由于各種原因又不再使用這個庫了,我們常常會只是去掉了代碼里的引用,而忘記刪掉這類庫文件了。目前小程序打包是會將工程下所有文件都打入代碼包內,也就是說,這些沒有被實際使用到的庫文件和資源也會被打入到代碼包里,從而影響到整體代碼包的大小。
希望鄭州小程序開發專家分享的這些內容,能夠幫助大家更好你的優化小程序的性能。
版權與免責聲明
鄭州APP開發,鄭州小程序開發燚軒軟件科技有限公司聲明:如發現內容存在版權問題,煩請提供相關信息發郵件至854221200@qq.com,我們將及時溝通處理。本站內容源于網絡,涉及內容、言論與本站無關
分享到微信朋友圈
+
打開微信,點擊底部的“發現”,使用 “掃一掃” 即可將網頁分享到我的朋友圈。 如何使用?
- 上一篇:小程序的商業價值體現在哪里呢?
- 下一篇:鄭州做app開發能為企業發展帶來什么好處?
推薦文章
個人適不適合找鄭州app制作開發軟件
燚軒科技    ·
04月11日
·    鄭州app制作
行業發展的還是很快的,那么企業投資者要開發app軟件的話,想要省事少花錢一般都是找一家比較專...
燚軒科技    ·
04月11日
·    鄭州app制作
1823
閱讀量
鄭州本地小程序開發定制哪家好呢?如何選
燚軒科技    ·
08月30日
·    鄭州本地小程序開發
程序開發公司呢?就目前的鄭州小程序開發市場而言,大多數都是模板代理商,真正能夠做到定制開發的...
燚軒科技    ·
08月30日
·    鄭州本地小程序開發
1811
閱讀量
微信小程序開發的類型都有哪些?
燚軒科技    ·
05月21日
·    鄭州app開發公司 鄭州小程序開發公司
工具的時代,任何依托于微信而生的東西都具有著極大的發展潛力,這也是為什么最近微信小程序這么火...
燚軒科技    ·
05月21日
·    鄭州app開發公司 鄭州小程序開發公司
1821
閱讀量
傳統行業投資鄭州商城app開發能解決哪些問題
燚軒科技    ·
04月16日
·    鄭州商城app開發
發已經覆蓋了很多傳統的行業,可能對于新興行業來說,app軟件開發能夠幫助他們做很多方面的事情...
燚軒科技    ·
04月16日
·    鄭州商城app開發
1703
閱讀量
鄭州小程序制作有哪些,如何做出正確的選擇呢
燚軒科技    ·
11月22日
·    鄭州小程序制作
家,這個數據可能從來沒有統計過,而且也統計不過來,如果不按照公司僅僅只是根據能做小程序開發來...
燚軒科技    ·
11月22日
·    鄭州小程序制作
1772
閱讀量
鄭州手機app,投資app開發賺不賺錢呢
燚軒科技    ·
12月24日
·    手機app,鄭州app開發
說,隨著app開發需求的不斷增多,app開發行業的發展變化也是非常大的,就比如從單一的app...
燚軒科技    ·
12月24日
·    手機app,鄭州app開發
1772
閱讀量
首頁
方案
資訊
知庫




