燚軒科技 助力中小型企業
關注行業新聞 把握時代脈搏
鄭州小程序開發專家教你怎么提升小程序性能
小程序的流暢程度很大程度上是由其部件的組成來決定的,那么我們怎么通過手段來增強小程序的性能呢?今天鄭州小程序開發專家帶大家了解一下吧。
圖片資源
目前圖片資源的主要性能問題在于大圖片和長列表圖片上,這兩種情況都有可能導致 iOS 客戶端內存占用上升,從而觸發系統回收小程序頁面。
圖片對內存的影響
在 iOS 上,小程序的頁面是由多個 WKWebView 組成的,在系統內存緊張時,會回收掉一部分 WKWebView。從過去我們分析的案例來看,大圖片和長列表圖片的使用會引起 WKWebView 的回收。
圖片對頁面切換的影響
除了內存問題外,大圖片也會造成頁面切換的卡頓。我們分析過的案例中,有一部分小程序會在頁面中引用大圖片,在頁面后退切換中會出現掉幀卡頓的情況。
當前我們建議開發者盡量減少使用大圖片資源。
代碼包大小的優化
小程序一開始時代碼包限制為 1MB,但我們收到了很多反饋說代碼包大小不夠用,經過評估后我們放開了這個限制,增加到 2MB 。代碼包上限的增加對于開發者來說,能夠實現更豐富的功能,但對于用戶來說,也增加了下載流量和本地空間的占用。
開發者在實現業務邏輯同時也有必要盡量減少代碼包的大小,因為代碼包大小直接影響到下載速度,從而影響用戶的首次打開體驗。除了代碼自身的重構優化外,還可以從這兩方面著手優化代碼大?。?br />
控制代碼包內圖片資源
小程序代碼包經過編譯后,會放在微信的 CDN 上供用戶下載,CDN 開啟了 GZIP 壓縮,所以用戶下載的是壓縮后的 GZIP 包,其大小比代碼包原體積會更小。 但我們分析數據發現,不同小程序之間的代碼包壓縮比差異也挺大的,部分可以達到 30%,而部分只有 80%,而造成這部分差異的一個原因,就是圖片資源的使用。GZIP 對基于文本資源的壓縮效果最好,在壓縮較大文件時往往可高達 70%-80% 的壓縮率,而如果對已經壓縮的資源(例如大多數的圖片格式)則效果甚微。
及時清理沒有使用到的代碼和資源
在日常開發的時候,我們可能引入了一些新的庫文件,而過了一段時間后,由于各種原因又不再使用這個庫了,我們常常會只是去掉了代碼里的引用,而忘記刪掉這類庫文件了。目前小程序打包是會將工程下所有文件都打入代碼包內,也就是說,這些沒有被實際使用到的庫文件和資源也會被打入到代碼包里,從而影響到整體代碼包的大小。
希望鄭州小程序開發專家分享的這些內容,能夠幫助大家更好你的優化小程序的性能。
目前圖片資源的主要性能問題在于大圖片和長列表圖片上,這兩種情況都有可能導致 iOS 客戶端內存占用上升,從而觸發系統回收小程序頁面。
圖片對內存的影響
在 iOS 上,小程序的頁面是由多個 WKWebView 組成的,在系統內存緊張時,會回收掉一部分 WKWebView。從過去我們分析的案例來看,大圖片和長列表圖片的使用會引起 WKWebView 的回收。
圖片對頁面切換的影響
除了內存問題外,大圖片也會造成頁面切換的卡頓。我們分析過的案例中,有一部分小程序會在頁面中引用大圖片,在頁面后退切換中會出現掉幀卡頓的情況。
當前我們建議開發者盡量減少使用大圖片資源。
代碼包大小的優化
小程序一開始時代碼包限制為 1MB,但我們收到了很多反饋說代碼包大小不夠用,經過評估后我們放開了這個限制,增加到 2MB 。代碼包上限的增加對于開發者來說,能夠實現更豐富的功能,但對于用戶來說,也增加了下載流量和本地空間的占用。
開發者在實現業務邏輯同時也有必要盡量減少代碼包的大小,因為代碼包大小直接影響到下載速度,從而影響用戶的首次打開體驗。除了代碼自身的重構優化外,還可以從這兩方面著手優化代碼大?。?br />
控制代碼包內圖片資源
小程序代碼包經過編譯后,會放在微信的 CDN 上供用戶下載,CDN 開啟了 GZIP 壓縮,所以用戶下載的是壓縮后的 GZIP 包,其大小比代碼包原體積會更小。 但我們分析數據發現,不同小程序之間的代碼包壓縮比差異也挺大的,部分可以達到 30%,而部分只有 80%,而造成這部分差異的一個原因,就是圖片資源的使用。GZIP 對基于文本資源的壓縮效果最好,在壓縮較大文件時往往可高達 70%-80% 的壓縮率,而如果對已經壓縮的資源(例如大多數的圖片格式)則效果甚微。
及時清理沒有使用到的代碼和資源
在日常開發的時候,我們可能引入了一些新的庫文件,而過了一段時間后,由于各種原因又不再使用這個庫了,我們常常會只是去掉了代碼里的引用,而忘記刪掉這類庫文件了。目前小程序打包是會將工程下所有文件都打入代碼包內,也就是說,這些沒有被實際使用到的庫文件和資源也會被打入到代碼包里,從而影響到整體代碼包的大小。
希望鄭州小程序開發專家分享的這些內容,能夠幫助大家更好你的優化小程序的性能。
版權與免責聲明
鄭州APP開發,鄭州小程序開發燚軒軟件科技有限公司聲明:如發現內容存在版權問題,煩請提供相關信息發郵件至[email protected],我們將及時溝通處理。本站內容源于網絡,涉及內容、言論與本站無關
分享到微信朋友圈
+
打開微信,點擊底部的“發現”,使用 “掃一掃” 即可將網頁分享到我的朋友圈。 如何使用?
- 上一篇:小程序的商業價值體現在哪里呢?
- 下一篇:鄭州做app開發能為企業發展帶來什么好處?
推薦文章
協同設計APP怎么運營能夠利潤最大化
燚軒科技    ·
03月04日
·    鄭州做APP公司,鄭州app定制公司
解鎖利潤最大化的核心策略在數字協作浪潮中,協同設計APP如Figma、Miro等正重塑創意工...
燚軒科技    ·
03月04日
·    鄭州做APP公司,鄭州app定制公司
70
閱讀量
在鄭州開發生鮮水果的小程序需要注意什么嗎·
燚軒科技    ·
09月14日
·    小程序開發,鄭州小程序制作 小程序開發公司
用戶打開鄭州小程序開發的頁面時,如果發現小程序頁面非常專業,那么客戶的購物就會更加輕松。如果...
燚軒科技    ·
09月14日
·    小程序開發,鄭州小程序制作 小程序開發公司
1345
閱讀量
引流難嗎?鄭州小程序開發的專家考告訴你一點都不難
燚軒科技    ·
09月26日
·    小程序開發,鄭州小程序制作 小程序開發公司
引流擴大在線市場,并通過互聯網渠道轉換在線流量。然而,經過一段時間后,他們發現效果并不理想。...
燚軒科技    ·
09月26日
·    小程序開發,鄭州小程序制作 小程序開發公司
1404
閱讀量
在鄭州開發出來的APP有這八大注意事項防止被強制下架
燚軒科技    ·
11月06日
·    小程序開發,鄭州小程序制作 小程序開發公司
發現其實無論我們做什么事情,因為過程是不太好控制的,所以我們可能就會犯錯,開發一個手機APP...
燚軒科技    ·
11月06日
·    小程序開發,鄭州小程序制作 小程序開發公司
1423
閱讀量
開發一款微信小程序到底需要投入多少錢
燚軒科技    ·
05月28日
·    微信小程序開發
多不多,可以說如果企業投資者多咨詢幾家微信小程序開發公司的話,就會發現,有些開發公司給出的報...
燚軒科技    ·
05月28日
·    微信小程序開發
2456
閱讀量
鄭州app外包開發團隊標準有多少人組成
燚軒科技    ·
09月30日
·    鄭州app外包,app外包開發團隊
的投資者來說,一般都是不想自己招人做才會選擇的,但是在了解過一些app開發的基本常識之后,投...
燚軒科技    ·
09月30日
·    鄭州app外包,app外包開發團隊
2385
閱讀量
首頁
方案
資訊
知庫




