關(guān)于Web前端優(yōu)化,作為一名前端工程師肯定明白。比如PC端,我們平時主要用的也就是Firefox的兩個插件,Yahoo的YSlow和Google的Page Speed(如果您有其它比較好用的,分享一下哦),它們會對你的網(wǎng)頁進(jìn)行檢測,哪些做的比較好,哪些還有待改進(jìn),說的非常細(xì),兩個插件分別有不同的標(biāo)準(zhǔn),但大體上是一致的。
之前25學(xué)堂跟大家也介紹了一些關(guān)于移動端前端優(yōu)化事項和知識點。比如 以下的八點移動端的優(yōu)化規(guī)范指南。同時也是我們需要遵循的8項原則。
1、PC優(yōu)化手段在Mobile側(cè)同樣適用
2. 在Mobile側(cè)我們提出三秒種渲染完成首屏指標(biāo)
3. 基于第二點,首屏加載3秒完成或使用Loading
4. 基于聯(lián)通3G網(wǎng)絡(luò)平均338KB/s(2.71Mb/s),所以首屏資源不應(yīng)超過1014KB
5. Mobile側(cè)因手機(jī)配置原因,除加載外渲染速度也是優(yōu)化重點
6. 基于第五點,要合理處理代碼減少渲染損耗
7. 基于第二、第五點,所有影響首屏加載和渲染的代碼應(yīng)在處理邏輯中后置
8. 加載完成后用戶交互使用時也需注意性能
等等。
而對于移動webAPP的前端性能的優(yōu)化對于移動APP的用戶體驗來說非常重要。
應(yīng)該說WebAPP移動前端性能優(yōu)化比PC端更為重要。
下面是25學(xué)堂的小編為大家收集的一些WebAPP移動前端性能優(yōu)化規(guī)范和設(shè)計指導(dǎo)。希望對大家有所幫助。
全站高品質(zhì)素材免費下載!