卡頓產(chǎn)生的原因

屏幕撕裂

iOS是雙緩沖機(jī)制离熏,雙緩沖雖然能解決效率問題荚板,但會(huì)引入一個(gè)新的問題。當(dāng)視頻控制器還未讀取完成時(shí)谒拴,即屏幕內(nèi)容剛顯示一半時(shí)尝江,GPU 將新的一幀內(nèi)容提交到幀緩沖區(qū)并把兩個(gè)緩沖區(qū)進(jìn)行交換后,視頻控制器就會(huì)把新的一幀數(shù)據(jù)的下半段顯示到屏幕上英上,造成畫面撕裂現(xiàn)象炭序,如下圖:


image.png

針對(duì)這個(gè)問題,GPU通常會(huì)做垂直同步苍日,GPU 會(huì)等待顯示器的垂直同步信號(hào)發(fā)出后惭聂,才進(jìn)行新的一幀渲染和緩沖區(qū)更新。這樣能解決畫面撕裂現(xiàn)象相恃,也增加了畫面流暢度辜纲,但需要消費(fèi)更多的計(jì)算資源,也會(huì)帶來部分延遲±鼓停現(xiàn)在iOS 設(shè)備會(huì)始終使用雙緩存耕腾,并開啟垂直同步

關(guān)于卡頓的簡單原理解釋:

V-Sync

V-Sync 的主要作用就是保證只有在幀緩沖區(qū)中的圖像被渲染之后,后備緩沖區(qū)中的內(nèi)容才可以被拷貝到幀緩沖區(qū)中杀糯,理想情況下的 V-Sync 會(huì)按這種方式工作:

normal-vsyn

每次 V-Sync 發(fā)生時(shí)扫俺,CPU 以及 GPU 都已經(jīng)完成了對(duì)圖像的處理以及繪制,顯示器可以直接拿到緩沖區(qū)中的幀固翰。但是狼纬,如果 CPU 或者 GPU 的處理需要的時(shí)間較長,就會(huì)發(fā)生掉幀的問題:

image.png

在 V-Sync 信號(hào)發(fā)出時(shí)骂际,CPU 和 GPU 并沒有準(zhǔn)備好需要渲染的幀疗琉,顯示器就會(huì)繼續(xù)使用當(dāng)前幀,這就加劇了屏幕的顯示問題歉铝,而每秒顯示的幀數(shù)會(huì)少于 60盈简。

由于會(huì)發(fā)生很多次掉幀,在開啟了 V-Sync 后太示,40 ~ 50 FPS 的渲染頻率意味著顯示器輸出的畫面幀率會(huì)從 60 FPS 急劇下降到 30 FPS柠贤,原因在這里不會(huì)解釋,讀者可以自行思考先匪。

其實(shí)到這里關(guān)于屏幕渲染的內(nèi)容就已經(jīng)差不多結(jié)束了,根據(jù) V-Sync 的原理弃衍,優(yōu)化應(yīng)用性能呀非、提高 App 的 FPS 就可以從兩個(gè)方面來入手,優(yōu)化 CPU 以及 GPU 的處理時(shí)間。

卡頓解決的主要思路:

盡可能減少CPU岸裙、GPU資源的消耗猖败。
按照60FPS的刷幀率,每隔16ms就會(huì)有一次VSync信號(hào)降允。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末恩闻,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子剧董,更是在濱河造成了極大的恐慌幢尚,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,576評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件翅楼,死亡現(xiàn)場離奇詭異尉剩,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)毅臊,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,515評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門理茎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人管嬉,你說我怎么就攤上這事皂林。” “怎么了蚯撩?”我有些...
    開封第一講書人閱讀 168,017評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵础倍,是天一觀的道長。 經(jīng)常有香客問我求厕,道長著隆,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,626評(píng)論 1 296
  • 正文 為了忘掉前任呀癣,我火速辦了婚禮美浦,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘项栏。我一直安慰自己浦辨,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,625評(píng)論 6 397
  • 文/花漫 我一把揭開白布沼沈。 她就那樣靜靜地躺著流酬,像睡著了一般。 火紅的嫁衣襯著肌膚如雪列另。 梳的紋絲不亂的頭發(fā)上芽腾,一...
    開封第一講書人閱讀 52,255評(píng)論 1 308
  • 那天,我揣著相機(jī)與錄音页衙,去河邊找鬼摊滔。 笑死阴绢,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的艰躺。 我是一名探鬼主播呻袭,決...
    沈念sama閱讀 40,825評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼腺兴!你這毒婦竟也來了左电?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,729評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤页响,失蹤者是張志新(化名)和其女友劉穎篓足,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體拘泞,經(jīng)...
    沈念sama閱讀 46,271評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡纷纫,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,363評(píng)論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了陪腌。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片辱魁。...
    茶點(diǎn)故事閱讀 40,498評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖诗鸭,靈堂內(nèi)的尸體忽然破棺而出染簇,到底是詐尸還是另有隱情,我是刑警寧澤强岸,帶...
    沈念sama閱讀 36,183評(píng)論 5 350
  • 正文 年R本政府宣布锻弓,位于F島的核電站,受9級(jí)特大地震影響蝌箍,放射性物質(zhì)發(fā)生泄漏青灼。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,867評(píng)論 3 333
  • 文/蒙蒙 一妓盲、第九天 我趴在偏房一處隱蔽的房頂上張望杂拨。 院中可真熱鬧,春花似錦悯衬、人聲如沸弹沽。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,338評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽策橘。三九已至,卻和暖如春娜亿,著一層夾襖步出監(jiān)牢的瞬間丽已,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,458評(píng)論 1 272
  • 我被黑心中介騙來泰國打工买决, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留沛婴,地道東北人辰斋。 一個(gè)月前我還...
    沈念sama閱讀 48,906評(píng)論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像瘸味,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子够挂,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,507評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容