作者 / 開發(fā)者關(guān)系工程師 Ajesh R Pai 和 Ben Trengrove

TikTok 是一個全球短視頻平臺，以海量的用戶群體和極具創(chuàng)新性的功能而聞名。其團(tuán)隊不斷為用戶發(fā)布更新、進(jìn)行實驗并上線新功能。在保持高速迭代與應(yīng)對技術(shù)債的雙重挑戰(zhàn)下，TikTok Android 團(tuán)隊選擇了 Jetpack Compose。

團(tuán)隊希望實現(xiàn)更快速、更高質(zhì)量的產(chǎn)品需求迭代，力求通過 Compose 來縮減編寫代碼的規(guī)模，并減少認(rèn)知負(fù)擔(dān)，從而提高開發(fā)效率，實現(xiàn)更好的性能和穩(wěn)定性。

簡化復(fù)雜用戶界面，提升開發(fā)者工作效率

TikTok 頁面包含大量分層的條件要求，因此通常比看起來要更為復(fù)雜。這種復(fù)雜性通常會導(dǎo)致視圖層級結(jié)構(gòu)欠佳且難以維護(hù)，以及過多的視圖嵌套。在這種情況下，Measure Pass 的次數(shù)增加會導(dǎo)致應(yīng)用的性能下降。

Compose 為這個結(jié)構(gòu)性問題提供了直擊痛點的解決方案。此外，Compose 的測量策略有助于減少 Double Taxation，使測量性能更易于優(yōu)化。

為了提高開發(fā)者的工作效率，TikTok 的核心設(shè)計系統(tǒng)團(tuán)隊為開發(fā)不同應(yīng)用功能的團(tuán)隊提供了一套組件庫。該團(tuán)隊發(fā)現(xiàn)，使用 Compose 進(jìn)行開發(fā)非常簡單: 不僅利用小型可組合項的方法非常有效，而且合并帶有條件邏輯的大型界面模塊既簡單直接又節(jié)省開支。

通過戰(zhàn)略遷移構(gòu)建前行之路

通過戰(zhàn)略性地采用 Jetpack Compose，TikTok 得以有效控制技術(shù)債，同時繼續(xù)專注于為用戶創(chuàng)造出色體驗。Compose 能夠清晰地處理條件邏輯并精簡組合，這使團(tuán)隊能夠在新頁面

或重構(gòu)頁面上縮短多達(dá) 78% 的頁面加載時間。在小規(guī)模的用例中，加載時間可縮短 20–30%;對于完全重寫的功能和新特性，加載時間可縮短 70–80%。此外，相比于視圖構(gòu)建，團(tuán)隊還能夠?qū)⒐δ艿拇a規(guī)模減少 58%。

TikTok 團(tuán)隊還分享了一些心得: 他們的總體策略是逐步遷移特定的用戶旅程，這使他們有機(jī)會進(jìn)行遷移試點，并在確認(rèn)量化收益后，再將遷移擴(kuò)展到更多頁面。他們首先從使用 Compose 簡化二維碼功能的整體結(jié)構(gòu)入手，取得了性能提升后就可以將遷移范圍擴(kuò)展到登錄和注冊體驗。

此外，該團(tuán)隊進(jìn)一步補(bǔ)充了實踐經(jīng)驗: 在遷移過程中檢查性能時，他們發(fā)現(xiàn)使用許多小型 ComposeView 替換單個 ViewHolder 中的元素會導(dǎo)致組合開銷。因此他們將遷移擴(kuò)展改為對整個 ViewHolder 使用單個 ComposeView，并取得了更好的成果。

在 ViewPager 中遷移 Fragment (具有自定義高度邏輯和根據(jù)實驗來隱藏和顯示界面的條件邏輯) 時，性能不會受到影響。在這種情況下，將 ViewPager 遷移到可組合項的效果比僅遷移 Fragment 更好。

Compose 能夠 "減少功能開發(fā)所需的代碼量，提高可測試性，并加速交付"，Jun Shen 很認(rèn)可這一點。該團(tuán)隊計劃穩(wěn)步增加 Compose 的采用范圍，將其作為長期首選框架。事實證明，Jetpack Compose 是改善開發(fā)者體驗與各項核心生產(chǎn)指標(biāo)的卓越解決方案。