關(guān)于Web前端優(yōu)化,作為一名前端工程師肯定明白毯盈。比如PC端崖疤,我們平時(shí)主要用的也就是Firefox的兩個(gè)插件,Yahoo的YSlow和Google的Page Speed(如果您有其它比較好用的娄周,分享一下哦),它們會對你的網(wǎng)頁進(jìn)行檢測沪停,哪些做的比較好煤辨,哪些還有待改進(jìn),說的非常細(xì)木张,兩個(gè)插件分別有不同的標(biāo)準(zhǔn)众辨,但大體上是一致的。
之前跟大家也介紹了一些關(guān)于移動端前端優(yōu)化事項(xiàng)和知識點(diǎn)舷礼。比如 以下的八點(diǎn)移動端的優(yōu)化規(guī)范指南鹃彻。同時(shí)也是我們需要遵循的8項(xiàng)原則。
1妻献、PC優(yōu)化手段在Mobile側(cè)同樣適用
2. 在Mobile側(cè)我們提出三秒種渲染完成首屏指標(biāo)
3. 基于第二點(diǎn)蛛株,首屏加載3秒完成或使用Loading
4. 基于聯(lián)通3G網(wǎng)絡(luò)平均338KB/s(2.71Mb/s)团赁,所以首屏資源不應(yīng)超過1014KB
5. Mobile側(cè)因手機(jī)配置原因,除加載外渲染速度也是優(yōu)化重點(diǎn)
6. 基于第五點(diǎn)谨履,要合理處理代碼減少渲染損耗
7. 基于第二欢摄、第五點(diǎn),所有影響首屏加載和渲染的代碼應(yīng)在處理邏輯中后置
8. 加載完成后用戶交互使用時(shí)也需注意性能
等等笋粟。
而對于移動webAPP的前端性能的優(yōu)化對于移動APP的用戶體驗(yàn)來說非常重要怀挠。
應(yīng)該說WebAPP移動前端性能優(yōu)化比PC端更為重要。
下面是小編為大家收集的一些WebAPP移動前端性能優(yōu)化規(guī)范和設(shè)計(jì)指導(dǎo)害捕。希望對大家有所幫助绿淋。
原文:http://www.html5cn.org/article-7892-1.html