在移動(dòng)互聯(lián)網(wǎng)時(shí)代，用戶從傳統(tǒng)互聯(lián)網(wǎng)轉(zhuǎn)到移動(dòng)，對(duì)Web App還是Native App的體驗(yàn)越來越挑剔，容忍度也相對(duì)較低，快速迭代成為一個(gè)重要的生存法則。在這樣的一個(gè)環(huán)境當(dāng)中，如何去通過性能優(yōu)化來提升APP的體驗(yàn)是活下去和壯大的根基，同時(shí)在APP整個(gè)生命周期過程當(dāng)中顯得極其重要的。

5月30日，由51CTO主辦的MDSA線下公開課在皇苑大酒店舉辦，主辦方特別邀請(qǐng)了來自唱吧的技術(shù)總監(jiān)申成磊老師、云智慧高級(jí)架構(gòu)師的劉徐兵老師、美團(tuán)網(wǎng)前端技術(shù)專家的鞏守強(qiáng)老師為現(xiàn)在的同學(xué)帶來一場(chǎng)移動(dòng)性能優(yōu)化的饕餮盛宴。此次公開課吸引了來自不同行業(yè)的110多位開發(fā)者前來聽課?，F(xiàn)場(chǎng)氣氛火爆，座位也不斷的增加，相繼填滿了整個(gè)會(huì)場(chǎng)。

[[135387]]

公開課在下午2點(diǎn)正式開始，首先是由唱吧的技術(shù)總監(jiān)申成磊老師為大家?guī)怼冻稍贏PP中的性能優(yōu)化》的主題分享。

[[135388]]

在一開始申成磊老師提出影響用戶的體驗(yàn)的原因主要有卡頓、響應(yīng)慢。尤其是對(duì)唱吧這種類型的APP來說，對(duì)音頻、視頻的錄制受到很大的影響。

申成磊老師介紹到唱吧的優(yōu)化策略分為兩步走，***步是預(yù)判發(fā)現(xiàn)問題，第二步是定位解決問題。在解決問題方面唱吧主要是通過緩存、異步、預(yù)加載、懶加載、以及系統(tǒng)硬件方面對(duì)APP性能進(jìn)行提升優(yōu)化，另外還為在場(chǎng)的同學(xué)推薦了合適的工具。

申老師還分享使用Core Graphics的好處—COREANIMATION的好處在網(wǎng)絡(luò)請(qǐng)求方面唱吧通過客戶端和服務(wù)器配合來減少流量，使用ETag減少帶寬和負(fù)載游湖HTTP請(qǐng)求，合并多個(gè)請(qǐng)求到一個(gè)Http request 中，以及數(shù)據(jù)壓縮。

在之后的提問環(huán)節(jié)小伙伴們踴躍提問，因?yàn)闀r(shí)間關(guān)系許多提問的同學(xué)都到走廊上跟老師進(jìn)行交流。

接下來是云智慧移動(dòng)端高級(jí)架構(gòu)師劉徐兵老師為大家?guī)怼秾?shí)戰(zhàn)移動(dòng)應(yīng)用性能監(jiān)控》

[[135389]]

劉老師首先提出關(guān)于目前App的用戶體驗(yàn)問題。從用戶的角度出發(fā)，一般的App有以下的幾種表現(xiàn)：響應(yīng)速度慢、沒有反應(yīng)、卡頓、閃退等。而通過5秒原則再一次嚴(yán)峻的拷問了APP的性能，當(dāng)響應(yīng)時(shí)間超過5秒，我們的用戶會(huì)有以下幾種表現(xiàn)：

• 50%移動(dòng)應(yīng)用用戶會(huì)放棄；
• 30%用戶會(huì)卸載；
• 33%使用的用戶會(huì)轉(zhuǎn)向競(jìng)爭(zhēng)對(duì)手的應(yīng)用。

緊接著劉老師提為在場(chǎng)的同學(xué)介紹了iOS的HooK機(jī)制的原理：

從而引出交互性能—事務(wù)監(jiān)控的問題。

在分享過程中在劉老師事無巨細(xì)的為在場(chǎng)的同學(xué)做了描述，甚至一些問題精確到了代碼級(jí)別，許多同學(xué)看的也是目不轉(zhuǎn)睛。很顯然對(duì)于這種干活，小伙伴們甘之若飴。

***劉老師總結(jié)出移動(dòng)應(yīng)用性能管理產(chǎn)品的六個(gè)必備標(biāo)準(zhǔn)特征：真實(shí)的用戶體驗(yàn)、輕量化的SDK部署、全數(shù)據(jù)采集基于大數(shù)據(jù)的多維數(shù)據(jù)分析、深度前后端問題診斷、業(yè)務(wù)流程體驗(yàn)監(jiān)控。

***，是來自美團(tuán)的前端技術(shù)專家鞏守強(qiáng)老師為大家分享《美團(tuán)高性能移動(dòng)Web開發(fā)實(shí)戰(zhàn)》。

[[135390]]

一開始鞏老師從圖片優(yōu)化、速度傳輸、前端效率、以及WebView幾個(gè)方面分享了美團(tuán)的做法，還介紹了美團(tuán)Truckjs和EVEUI兩個(gè)優(yōu)秀的解決方案。

在WebView優(yōu)化方面，鞏老師認(rèn)為應(yīng)該通過打包加更新服務(wù)、使用隱藏Webview的加載項(xiàng)以及Android中調(diào)整Webview的優(yōu)先級(jí)三個(gè)途徑來完成。

接來下是美團(tuán)自主研發(fā)的工程化truckJS解決方案和EVE的UI框架介紹：

他們的實(shí)戰(zhàn)效果非常優(yōu)秀緩存率可以達(dá)到82%，CDN的平均請(qǐng)求時(shí)間是33.75ms，節(jié)省了 132.76G的用戶流量，節(jié)省了32%的首屏加載時(shí)間和45%的完全加載時(shí)間。時(shí)間過得很快，鞏老師的分享在不經(jīng)意間就溜走了。

在鞏老師分享過后，整場(chǎng)公開課進(jìn)入了***抽獎(jiǎng)的環(huán)節(jié)，主持人協(xié)助講師抽出了5位幸運(yùn)用戶，送出了兩套雷蛇鍵鼠套裝以及三張WOT2015移動(dòng)互聯(lián)網(wǎng)技術(shù)大會(huì)的電子門票。

[[135391]]

至此，第三期MDSA線下公開課落下帷幕，散場(chǎng)后開發(fā)者還在意猶未盡，繼續(xù)圍住講師們交流。相信本次線下公開課對(duì)我們現(xiàn)場(chǎng)的開發(fā)者都能夠有所借鑒和幫助，讓我們一起期待下一期的到來吧！

MDSA線下公開課秉承著服務(wù)開發(fā)者的理念，為廣大開發(fā)者邀請(qǐng)業(yè)內(nèi)最知名的講師，分享***實(shí)戰(zhàn)意義的干貨，讓開發(fā)者真正的有所收獲。希望越來越多的開發(fā)者加入MDSA的大家庭。