伴随互联网+的进步，大家越发要关注移动页面的性能优化，今天跟大伙谈谈这方面的事情。

第一，为何要最移动页面进行优化？

纵览现在移动互联网的近况：

nclick="zoom" width="600" src="http://shenyongxiang.com/top/uploads/allimg/c161203/14PEIc2PF-15046.jpg" border="0" alt="" />

移动页面布局愈加复杂，成效愈加炫，直接致使了文件愈加大，下载和运行速度愈加低，，而速度低会导致不好的影响，据统计：

nclick="zoom" width="460" src="http://shenyongxiang.com/top/uploads/allimg/c161203/14PEIcc20-223E.jpg" border="0" alt="" />

71%的用户期望移动页面跟PC页面一样快，74%的用户能容忍的响应时间为5秒，所以大家需要保证手机端页面有足够的速度。

移动页面的速度跟三个原因有关，分别是：移动互联网带宽速度，设施性能（CPU，GPU，浏览器），页面本身。

现在主流的移动互联网制式为3G：

nclick="zoom" width="600" src="http://shenyongxiang.com/top/uploads/allimg/c161203/14PEJ0026040-35040.jpg" border="0" alt="" />

今年，大家还看到了4g互联网制式在飞速发展，这再一次提高了移动页面的加载速度；

而手机本身，截止到现在，以iPhon6/三星Note4等设施为首，智能设施已经变得比以往屏幕更大，CPU、GPU、内存更可靠。

nclick="zoom" width="432" src="http://shenyongxiang.com/top/uploads/allimg/c161203/14PEJ00F2Z-46248.png" border="0" alt="" />

而与其同时，浏览器产商也为提高页面的速度做出了不可磨灭的努力。

互联网制式提供商，手机制造商，浏览器产商这样给力，大家呢？大家能干什么。

大家能做得是对手机端页面本身优化，这也是大家专业价值的体现，所以大家需要做手机端页面性能优化。

该如何做手机端页面优化呢？

在说这个前，要提一下PC常见的优化方法：

代码优化（css、html、js优化） 降低HTTP请求（雪碧图，文件合并…） 降低DOM节点 无阻塞（内联CSS，JS置后…） 缓存 ……

这类方法大多数适用于手机端，这都是一些耳熟能详的方法。

今天要讲的主如果一些适用于手机端的优化方法，目前进入正题。

第一大家得关注一下一个页面从开始到呈现完毕需要历程什么阶段，主要有四个阶段：

nclick="zoom" width="600" src="http://shenyongxiang.com/top/uploads/allimg/c161203/14PEJ0113H0-5Z92.jpg" border="0" alt="" />

每一个阶段的主要工作如上图所示，而大家的优化目的是：

nclick="zoom" width="600" src="http://shenyongxiang.com/top/uploads/allimg/c161203/14PEJ01425Z-AR8.jpg" border="0" alt="" />