WebAPP移動前端性能優化規范和設計指導

關于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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,820評論 25 708
  • 大部分的后端會很很鄙視前端。我也不知道為什么,可能大部分人都會覺得腳本語言根本不算語言。 大多人 會叫我們切圖仔,...
    小黑的眼閱讀 3,381評論 0 15
  • 今天晚上突然發現看不到你的朋友圈了,不知為什么很心痛!想著這么多年的夫妻不至于的吧...可這是真的...不知道為什...
    我就是我hxh閱讀 217評論 0 1
  • 第一脈輪帶給我們堅實、穩定、聚焦和形式。我們在此經驗了統一,并依此為根基進到第二脈輪,經驗了差異、進化和不停止的運...
    那一日閱讀 480評論 0 0
  • 我家姑娘,04年2月出生,到今年過年就快兩周歲了。時間真的好快,記得結婚后第一件事就是計劃要孩子。一切基本按計劃走...
    語碩媽媽閱讀 304評論 0 0