關(guān)于Web前端優(yōu)化，作為一名前端工程師肯定明白。比如PC端，我們平時(shí)主要用的也就是Firefox的兩個(gè)插件，Yahoo的YSlow和Google的Page Speed（如果您有其它比較好用的，分享一下哦），它們會(huì)對(duì)你的網(wǎng)頁(yè)進(jìn)行檢測(cè)，哪些做的比較好，哪些還有待改進(jìn)，說(shuō)的非常細(xì)，兩個(gè)插件分別有不同的標(biāo)準(zhǔn)，但大體上是一致的。
之前跟大家也介紹了一些關(guān)于移動(dòng)端前端優(yōu)化事項(xiàng)和知識(shí)點(diǎn)。比如 以下的八點(diǎn)移動(dòng)端的優(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)超過(guò)1014KB
5. Mobile側(cè)因手機(jī)配置原因，除加載外渲染速度也是優(yōu)化重點(diǎn)
6. 基于第五點(diǎn)，要合理處理代碼減少渲染損耗
7. 基于第二、第五點(diǎn)，所有影響首屏加載和渲染的代碼應(yīng)在處理邏輯中后置
8. 加載完成后用戶交互使用時(shí)也需注意性能等等。
而對(duì)于移動(dòng)webAPP的前端性能的優(yōu)化對(duì)于移動(dòng)APP的用戶體驗(yàn)來(lái)說(shuō)非常重要。
應(yīng)該說(shuō)WebAPP移動(dòng)前端性能優(yōu)化比PC端更為重要。
下面是小編為大家收集的一些WebAPP移動(dòng)前端性能優(yōu)化規(guī)范和設(shè)計(jì)指導(dǎo)。希望對(duì)大家有所幫助。
上一篇：淺談網(wǎng)站的大圖設(shè)計(jì)
下一篇：借助 HTTP/2 打造更迅捷的 Web 體驗(yàn)
掃一掃 加微信咨詢
