燚軒科技 助力中小型企業
關注行業新聞 把握時代脈搏
鄭州小程序開發專家教你怎么提升小程序性能
小程序的流暢程度很大程度上是由其部件的組成來決定的,那么我們怎么通過手段來增強小程序的性能呢?今天鄭州小程序開發專家帶大家了解一下吧。
圖片資源
目前圖片資源的主要性能問題在于大圖片和長列表圖片上,這兩種情況都有可能導致 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開發,鄭州小程序開發燚軒軟件科技有限公司聲明:如發現內容存在版權問題,煩請提供相關信息發郵件至[email protected],我們將及時溝通處理。本站內容源于網絡,涉及內容、言論與本站無關
分享到微信朋友圈
+
打開微信,點擊底部的“發現”,使用 “掃一掃” 即可將網頁分享到我的朋友圈。 如何使用?
- 上一篇:小程序的商業價值體現在哪里呢?
- 下一篇:鄭州做app開發能為企業發展帶來什么好處?
推薦文章
開發一款微信小程序的資質怎么審核
燚軒科技    ·
05月15日
·    小程序開發,鄭州小程序制作
企業都會做的事情,但是不是什么微信小程序都是可以通過的。可是,為什么鄭州小程序開發的時候資質...
燚軒科技    ·
05月15日
·    小程序開發,鄭州小程序制作
1275
閱讀量
還在擔心找不到車位嗎?智能停車APP幫你解決難題
燚軒科技    ·
08月28日
·    鄭州APP開發,鄭州APP制作,鄭州APP開發公司
貴、出入慢、繳費不規范、擁堵安全隱患大等問題?智能停車APP的出現幫我們解決這個難題。下面我...
燚軒科技    ·
08月28日
·    鄭州APP開發,鄭州APP制作,鄭州APP開發公司
1318
閱讀量
投資鄭州小程序開發應該考慮到哪些因素
燚軒科技    ·
12月27日
·    鄭州小程序開發
的投資者來說,一般很少有投資者會去考慮怎么找小程序開發公司或者哪些方面是需要自己注意的,而他...
燚軒科技    ·
12月27日
·    鄭州小程序開發
1900
閱讀量
在開發小程序的過程中這幾個重要因素不可忽視
燚軒科技    ·
06月10日
·    小程序開發,鄭州小程序制作
握APP開發公司的開發流程是很有必要的。一般來說,鄭州APP開發流程具體包含以下內容:...
燚軒科技    ·
06月10日
·    小程序開發,鄭州小程序制作
1271
閱讀量
鄭州電動車定位app,開發報價是多少
燚軒科技    ·
01月27日
·    電動車定位app開發,鄭州app開發
發公司關于電動車定位app開發的企業很多,這主要是因為目前市民對于電動車上牌的政策相應的比較...
燚軒科技    ·
01月27日
·    電動車定位app開發,鄭州app開發
2294
閱讀量
藝術品拍賣程序有哪些功能
燚軒科技    ·
02月15日
·    鄭州APP開發,鄭州APP開發多少錢
藝術品拍賣程序已成為連接收藏家、藝術家和拍賣行的重要橋梁。這類程序不僅簡化了傳統拍賣流程,還...
燚軒科技    ·
02月15日
·    鄭州APP開發,鄭州APP開發多少錢
74
閱讀量
首頁
方案
資訊
知庫




