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