主頁 > 後端開發 > 性能優化案例之app卡頓優化

性能優化案例之app卡頓優化

2021-06-16 07:56:02 後端開發

享學課堂誠邀作者:周周

轉載請宣告出處!
#前言
手把手講解系列文章,是我寫給各位看官,也是寫給我自己的,
文章可能過分詳細,但是這是為了幫助到盡量多的人,畢竟作業5,6年,不能老吸血,也到了回饋開源的時候.
這個系列的文章:
1、用通俗易懂的講解方式,講解一門技術的實用價值
2、詳細書寫原始碼的追蹤,原始碼截圖,繪制類的結構圖,盡量詳細地解釋原理的探索程序
3、提供Github 的 可運行的Demo工程,但是我所提供代碼,更多是提供思路,拋磚引玉,請酌情cv
4、集合整理原理探索程序中的一些坑,或者demo的運行程序中的注意事項
5、用gif圖,最直觀地展示demo運行效果**

如果覺得細節太細,直接跳過看結論即可,
本人能力有限,如若發現描述不當之處,歡迎留言批評指正,

學到老活到老,路漫漫其修遠兮,與眾君共勉 !

本文接上一篇
#正文大綱

  • DDMS
  • systrace
  • TraceView
  • 關于過度繪制

#正文

#DDMS

DDMS 的全稱是Dalvik Debug Monitor Service,是 Android 開發環境中的Dalvik[虛擬機]除錯監控服務

以前用eclipse的時候,有個直接的入口可以打開DDMS,但是自從用了AndroidStudio,入口沒了…但是其實在SDK目錄內部還是有的.


打開DDMS之后:

具體有啥用,稍后再說,

#systrace

systrace是sdk的一個命令,它是用python語言寫的,當時用的是python2.7,但是后來python更新了3.0 谷歌卻沒有更新這個命令,導致我們現在要使用systrace命令,只能用python的2.7版本,正常情況下,用2.7的最新版2.7.16就行了,官網有下載的,

那么systrace命令在哪里?

##前提
要使用它,首先我們要安裝好python2.7.16,然后配置環境變數,直到我們能夠正常使用python命令(這個沒必要詳述吧,囧- -!,但是我還是給出本人驗證過的攻略地址:https://www.jianshu.com/p/e73768e66b8d).
##正戲
systrace是我們用來抓取一段時間之內的android設備上的資料指標的工具,我理解為: 設備運行日志,只不過這不是文本日志,而是一個html檔案,需要使用谷歌瀏覽器的 chrome://tracing/插件打開,具體步驟如下:
1、打開CMD,進入systrace目錄:

2、輸入 python systrace.py -b 32768 -t 5 -o mytrace.html wm gfx input view sched freq,然后回車
解釋一下這一串命令(本文不做systrace命令的詳解,這些東西都是死命令,百度即可):

  • python 將要執行python腳本
  • systrace.py 腳本名稱
  • -b 設定快取區大小
  • -t 抓取5秒日志
  • -o mytrace.html 輸出到這個檔案內
  • wm WindowManager 日志內包含windowManager資訊
  • gfx Graphics 日志中包含圖形繪制的資訊
  • input Input 日志中包含設備輸入的資訊
  • view View System 日志中包含View系統的資訊
  • sched CPU Scheduling 日志中包含CPU調度資訊
  • freq 日志中包含CPU頻率資訊

這里有個坑:

在某些真機上,比如vivo X7,它會生成html檔案失敗,莫名其妙,我換成模擬器,就好了,尚未試驗其它真機機型,

我使用網易mumu模擬器做實驗的時候,得到如下結果:

3、得到檔案之后,打開谷歌瀏覽器:在地址欄輸入 chrome://tracing/ 然后load剛才的檔案:( 或者你雙擊該html檔案)

4、這里我們得到了非常多的性能指標,包括上圖中紅色字體標記的CPU用量,多核CPU調度情況,UI主執行緒,渲染執行緒等,但是我們應用層開發,解決的主要是app卡頓問題,一般只需要 去關注 **UI主執行緒的掉幀情況**即可. 按照下圖:


詳解一下這個帶圈的F

  • 整個坐標,橫軸為時間,從左到右時間刻度增加,代表各項指標隨著時間的變化
  • 帶圈的F : 有綠色,黃色和紅色,其中綠色表示繪制正常,無需我們去關心,需要關注的是 黃色和紅色,特別是紅色,
  • 滑鼠點擊其中一個紅色的F,然后按鍵盤G鍵,就會出現紅色的豎線,每兩根紅線之間代表一幀的時長(大部分手機的螢屏重繪頻率還是60幀,所以每次繪制大概是16.67MS),這個F之所以是紅色,是因為這一次的UI繪制時長遠遠超過了1幀,如果UI在1幀時間之內無法完成,便會造成掉幀,一旦掉幀,在用戶的感知下,就是卡頓.
  • 看下圖:
    使用滑鼠拖拽,可以通過圖形界面看到這一次繪制所花費的時長:為116.868ms
  • 在下面的Alert欄中發現了疑似掉幀元兇
    這里反映出,是我們的bitmap圖上傳導致了掉幀,
    我們繼續把下面兩個箭頭展開,能夠看到:
    這里的英文描述,則是 谷歌工程師給我們的建議.我來大概翻譯一下這段話:
    第一段的description意思是:修改/新繪制的位圖必須上傳到GPU,因為如果上傳的總像素量很大,這是很昂貴的,所以每幀減少這個影片/背景關系中位圖的波動量,
    第二段description的意思是:生成這個幀的作業被重新調度了幾毫秒,這是jank的功勞,確保UI執行緒上的代碼不會阻塞其他執行緒上的作業,并且后臺執行緒(例如網路或位圖加載)在android.os上運行,行程#THREAD_PRIORITY_BACKGROUND或更低,因此它們不太可能中斷UI執行緒,這些后臺執行緒應該在內核行程的調度部分以130或更高的優先級出現,
    總的來說,就是Bitmap的使用不當導致掉幀,解決方法大概是:bitmap太大了 要裁剪成合適的大小 或者在背景執行緒去加載
    至于更加具體的其他掉幀情況的解決方法,就要根據具體遇到的情況去查資料了,

##關于Trace.beginSection 和 Trace.endSection

這兩個api是androidSdk自帶的,作用是給systrace加上tag,加了tag,就會在systrace圖形上反映出我們這兩個api之間囊括的一段代碼的執行情況,
簡單來說,就是你在 一段代碼的前后,加上 Trace.beginSection 和 Trace.endSection ,像這樣:那么,你在 systrace圖形上就會發現這個,

可見,我們代碼的執行耗時等情況可以 反映在systrace圖形上,點擊上面紅框的區域,就會在systrace界面底部發現:,如果加了tag的代碼的執行耗時超過了一幀時長(16.67MS),則說明這一段代碼造成了UI主執行緒掉幀,用戶就有可能感覺到卡頓,

##這里有個坑

如果你上面加了trace.beginSection和endSection,你在圖形中還是沒有看到 你自己設定的tag,那么檢查一下你的 systrace命令,是不是沒有加 -a [app包名]

##做個結論

上述例子,我使用的是app冷啟動時抓的systrace,所以這里的掉幀,就是反映出冷啟動程序中代碼寫的有問題,注意,抓systrace的時間不要太長,必須在systrace開始執行之后再操作app,

在發現掉幀的情況之后,看alert就能看出谷歌給我們的app優化方向建議,雖然還沒有完全解決問題,但是至少確定了一個大方向,知道了大概哪一段代碼出了問題,

#TraceView

在app代碼中加入 Debug.startMethodTracing("/sdCard/zhouzhou");Debug.stopMethodTracing(); 然后運行app,確保能夠執行上面兩個代碼包含的代碼片段 ,比如像這樣:

##坑坑

上面的代碼,如果你加了之后運行直接拋了例外,檢查一下你有沒有加這個權限:
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

接下來,找到這個檔案,匯出到電腦上:

然后就要用到我們最先說道的DDMS,先打開DDMS,File- openFile 打開剛才的.trace檔案

這里包含了這段代碼中所有的方法呼叫,
##表格說明
上方有一張表格,每一列的說明如下:

這么多東西,我們不可能全都關注,只需要關注兩個:

  • Cpu Time/Call 函式平均執行時間較長的函式;(耗時較長的函式)
  • Call+Recur Calls/Total,呼叫次數非常頻繁的函式,

如果發現,上面兩個指標超乎尋常,比如呼叫次數特別多,每一次呼叫耗費時間特別長的,而且又能夠是我們自己寫的方法,那么基本上就能確定優化點了,

#關于過度繪制

概念:如果螢屏的一片區域,在渲染的程序中,被繪制了太多次,則稱為過度繪制
如何檢查:
上圖是mumu模擬器的設定界面,我們點擊顯示過度繪制區域,就會發現界面顏色發生了變化:
顏色由淺到深,越深,表示過渡繪制會越嚴重,大致有以下幾種顏色:

  1. 白色:沒有過度繪制,
  2. 藍色:Overdraw 一倍,像素繪制了兩次,能夠接受,但是如果整個界面都是藍色的,那么說明還是有繪制的浪費,可以節約一層繪制,
  3. 綠色:Overdraw 兩倍,嘗試優化,
  4. 淺紅:Overdraw 三倍,
  5. 暗紅:Overdraw 四倍,非常嚴重,必須優化,

##如何優化過渡繪制?

  1. 如果你的代碼中,通過過度繪制的檢查,發現復雜布局顯示出大量的過度繪制,那么必須要考慮 用自定義View自己去繪制
  2. 如果你的布局xml中,有大量的嵌套,考慮去掉某些 background ,因為沒有了background,UI執行緒就不會去做這一次繪制
  3. 如果非要用到有background的layout,那么在滿足業務需求的情況下考慮減少一定的層級

#結語

上述3個工具的使用,是我們app性能優化中必須用到的,大概思路如下

1.用systrace 抓取 .html檔案,觀察圖形,找出掉幀的大概位置
2. 用 Trace.beginSection 和 Trace.endSection 反復推測,確定確切代碼塊
3. 用traceView抓取.trace日志,用DDMS打開它,尋找耗時較長的函式 或 次數非常多的函式,確定確切掉幀原因

三個工具需要結合使用,才能具體確定我們的app哪里出了問題,
#話題拓展
本文只給出了大致思路,并沒有給出Demo,這是因為 性能優化可能出現的情況太多了,無法一一列舉,具體發生了什么,只有到發生之后,自行根據工具檢測出的結果去推斷,去論證,去解決,

性能優化是無止境的,永遠有能夠優化的空間,本文只給出了大致指導方向,具體能夠優化到何種程度,全看各位的自我修為,

上面的3個工具,可以用來做性能優化, 但是他們的作用不僅僅是性能優化,千萬不要一葉障目,比如systrace這個東西,上述文章我只用來檢查了卡頓掉幀的情況,但是它其實還可以 查看CPU調度情況和CPU多核分配情況,還可以檢查主執行緒的執行緒狀態切換情況等,

##下一篇預告:記憶體抖動和泄漏的優化

如果你的技術提升遇到瓶頸了,或者缺高級Android進階視頻學習提升自己,這有大量大廠面試題為你面試做準備!
點擊Android 學習,面試檔案,視頻收集大整理獲取

結語

小編也是很有感觸,如果一直都是在中小公司,沒有接觸過大型的互聯網架構設計的話,只靠自己看書去提升可能一輩子都很難達到高級架構師的技術和認知高度,向厲害的人去學習是最有效減少時間摸索、精力浪費的方式,

我們選擇的這個行業就一直要持續的學習,又很吃青春飯,

雖然大家可能經常見到說程式員年薪幾十萬,但這樣的人畢竟不是大部份,要么是有名校光環,要么是在阿里華為這樣的大企業,年齡一大,更有可能被裁,

小編整理的學習資料分享一波!

送給每一位想學習Java小伙伴,用來提升自己,想要資料的可以點擊這里免費獲取
在這里插入圖片描述

里華為這樣的大企業,年齡一大,更有可能被裁,

小編整理的學習資料分享一波!

送給每一位想學習Java小伙伴,用來提升自己,想要資料的可以點擊這里免費獲取
[外鏈圖片轉存中…(img-1UtqxxLA-1623619967496)]

本文到這里就結束了,喜歡的朋友可以幫忙點贊和評論一下,感謝支持!

轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/287617.html

標籤:python

上一篇:端午節,我用 Python 畫了一盤粽子送給大家

下一篇:python:水果與設計模式-抽象工廠模式

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • 【C++】Microsoft C++、C 和匯編程式檔案

    ......

    uj5u.com 2020-09-10 00:57:23 more
  • 例外宣告

    相比于斷言適用于排除邏輯上不可能存在的狀態,例外通常是用于邏輯上可能發生的錯誤。 例外宣告 Item 1:當函式不可能拋出例外或不能接受拋出例外時,使用noexcept 理由 如果不打算拋出例外的話,程式就會認為無法處理這種錯誤,并且應當盡早終止,如此可以有效地阻止例外的傳播與擴散。 示例 //不可 ......

    uj5u.com 2020-09-10 00:57:27 more
  • Codeforces 1400E Clear the Multiset(貪心 + 分治)

    鏈接:https://codeforces.com/problemset/problem/1400/E 來源:Codeforces 思路:給你一個陣列,現在你可以進行兩種操作,操作1:將一段沒有 0 的區間進行減一的操作,操作2:將 i 位置上的元素歸零。最終問:將這個陣列的全部元素歸零后操作的最少 ......

    uj5u.com 2020-09-10 00:57:30 more
  • UVA11610 【Reverse Prime】

    本人看到此題沒有翻譯,就附帶了一個自己的翻譯版本 思考 這一題,它的第一個要求是找出所有 $7$ 位反向質數及其質因數的個數。 我們應該需要質數篩篩選1~$10^{7}$的所有數,這里就不慢慢介紹了。但是,重讀題,我們突然發現反向質數都是 $7$ 位,而將它反過來后的數字卻是 $6$ 位數,這就說明 ......

    uj5u.com 2020-09-10 00:57:36 more
  • 統計區間素數數量

    1 #pragma GCC optimize(2) 2 #include <bits/stdc++.h> 3 using namespace std; 4 bool isprime[1000000010]; 5 vector<int> prime; 6 inline int getlist(int ......

    uj5u.com 2020-09-10 00:57:47 more
  • C/C++編程筆記:C++中的 const 變數詳解,教你正確認識const用法

    1、C中的const 1、區域const變數存放在堆疊區中,會分配記憶體(也就是說可以通過地址間接修改變數的值)。測驗代碼如下: 運行結果: 2、全域const變數存放在只讀資料段(不能通過地址修改,會發生寫入錯誤), 默認為外部聯編,可以給其他源檔案使用(需要用extern關鍵字修飾) 運行結果: ......

    uj5u.com 2020-09-10 00:58:04 more
  • 【C++犯錯記錄】VS2019 MFC添加資源不懂如何修改資源宏ID

    1. 首先在資源視圖中,添加資源 2. 點擊新添加的資源,復制自動生成的ID 3. 在解決方案資源管理器中找到Resource.h檔案,編輯,使用整個專案搜索和替換的方式快速替換 宏宣告 4. Ctrl+Shift+F 全域搜索,點擊查找全部,然后逐個替換 5. 為什么使用搜索替換而不使用屬性視窗直 ......

    uj5u.com 2020-09-10 00:59:11 more
  • 【C++犯錯記錄】VS2019 MFC不懂的批量添加資源

    1. 打開資源頭檔案Resource.h,在其中預先定義好宏 ID(不清楚其實ID值應該設定多少,可以先新建一個相同的資源項,再在這個資源的ID值的基礎上遞增即可) 2. 在資源視圖中選中專案資源,按F7編輯資源檔案,按 ID 型別 相對路徑的形式添加 資源。(別忘了先把檔案拷貝到專案中的res檔案 ......

    uj5u.com 2020-09-10 01:00:19 more
  • C/C++編程筆記:關于C++的參考型別,專供新手入門使用

    今天要講的是C++中我最喜歡的一個用法——參考,也叫別名。 參考就是給一個變數名取一個變數名,方便我們間接地使用這個變數。我們可以給一個變數創建N個參考,這N + 1個變數共享了同一塊記憶體區域。(參考型別的變數會占用記憶體空間,占用的記憶體空間的大小和指標型別的大小是相同的。雖然參考是一個物件的別名,但 ......

    uj5u.com 2020-09-10 01:00:22 more
  • 【C/C++編程筆記】從頭開始學習C ++:初學者完整指南

    眾所周知,C ++的學習曲線陡峭,但是花時間學習這種語言將為您的職業帶來奇跡,并使您與其他開發人員區分開。您會更輕松地學習新語言,形成真正的解決問題的技能,并在編程的基礎上打下堅實的基礎。 C ++將幫助您養成良好的編程習慣(即清晰一致的編碼風格,在撰寫代碼時注釋代碼,并限制類內部的可見性),并且由 ......

    uj5u.com 2020-09-10 01:00:41 more
最新发布
  • Rust中的智能指標:Box<T> Rc<T> Arc<T> Cell<T> RefCell<T> Weak

    Rust中的智能指標是什么 智能指標(smart pointers)是一類資料結構,是擁有資料所有權和額外功能的指標。是指標的進一步發展 指標(pointer)是一個包含記憶體地址的變數的通用概念。這個地址參考,或 ” 指向”(points at)一些其 他資料 。參考以 & 符號為標志并借用了他們所 ......

    uj5u.com 2023-04-20 07:24:10 more
  • Java的值傳遞和參考傳遞

    值傳遞不會改變本身,參考傳遞(如果傳遞的值需要實體化到堆里)如果發生修改了會改變本身。 1.基本資料型別都是值傳遞 package com.example.basic; public class Test { public static void main(String[] args) { int ......

    uj5u.com 2023-04-20 07:24:04 more
  • [2]SpinalHDL教程——Scala簡單入門

    第一個 Scala 程式 shell里面輸入 $ scala scala> 1 + 1 res0: Int = 2 scala> println("Hello World!") Hello World! 檔案形式 object HelloWorld { /* 這是我的第一個 Scala 程式 * 以 ......

    uj5u.com 2023-04-20 07:23:58 more
  • 理解函式指標和回呼函式

    理解 函式指標 指向函式的指標。比如: 理解函式指標的偽代碼 void (*p)(int type, char *data); // 定義一個函式指標p void func(int type, char *data); // 宣告一個函式func p = func; // 將指標p指向函式func ......

    uj5u.com 2023-04-20 07:23:52 more
  • Django筆記二十五之資料庫函式之日期函式

    本文首發于公眾號:Hunter后端 原文鏈接:Django筆記二十五之資料庫函式之日期函式 日期函式主要介紹兩個大類,Extract() 和 Trunc() Extract() 函式作用是提取日期,比如我們可以提取一個日期欄位的年份,月份,日等資料 Trunc() 的作用則是截取,比如 2022-0 ......

    uj5u.com 2023-04-20 07:23:45 more
  • 一天吃透JVM面試八股文

    什么是JVM? JVM,全稱Java Virtual Machine(Java虛擬機),是通過在實際的計算機上仿真模擬各種計算機功能來實作的。由一套位元組碼指令集、一組暫存器、一個堆疊、一個垃圾回收堆和一個存盤方法域等組成。JVM屏蔽了與作業系統平臺相關的資訊,使得Java程式只需要生成在Java虛擬機 ......

    uj5u.com 2023-04-20 07:23:31 more
  • 使用Java接入小程式訂閱訊息!

    更新完微信服務號的模板訊息之后,我又趕緊把微信小程式的訂閱訊息給實作了!之前我一直以為微信小程式也是要企業才能申請,沒想到小程式個人就能申請。 訊息推送平臺🔥推送下發【郵件】【短信】【微信服務號】【微信小程式】【企業微信】【釘釘】等訊息型別。 https://gitee.com/zhongfuch ......

    uj5u.com 2023-04-20 07:22:59 more
  • java -- 緩沖流、轉換流、序列化流

    緩沖流 緩沖流, 也叫高效流, 按照資料型別分類: 位元組緩沖流:BufferedInputStream,BufferedOutputStream 字符緩沖流:BufferedReader,BufferedWriter 緩沖流的基本原理,是在創建流物件時,會創建一個內置的默認大小的緩沖區陣列,通過緩沖 ......

    uj5u.com 2023-04-20 07:22:49 more
  • Java-SpringBoot-Range請求頭設定實作視頻分段傳輸

    老實說,人太懶了,現在基本都不喜歡寫筆記了,但是網上有關Range請求頭的文章都太水了 下面是抄的一段StackOverflow的代碼...自己大修改過的,寫的注釋挺全的,應該直接看得懂,就不解釋了 寫的不好...只是希望能給視頻網站開發的新手一點點幫助吧. 業務場景:視頻分段傳輸、視頻多段傳輸(理 ......

    uj5u.com 2023-04-20 07:22:42 more
  • Windows 10開發教程_編程入門自學教程_菜鳥教程-免費教程分享

    教程簡介 Windows 10開發入門教程 - 從簡單的步驟了解Windows 10開發,從基本到高級概念,包括簡介,UWP,第一個應用程式,商店,XAML控制元件,資料系結,XAML性能,自適應設計,自適應UI,自適應代碼,檔案管理,SQLite資料庫,應用程式到應用程式通信,應用程式本地化,應用程式 ......

    uj5u.com 2023-04-20 07:22:35 more