移动端浏览器前端优化策略小结

移动端的特点：设备屏幕较小、新特性兼容性较好、支持一些较新的 HTML5 和 CSS3 特性、需要与 Native 应用交互等。但移动端可用计算资源和网络资源极为有限，所以要做好移动端上的优化往往需要做更多的事情。

网络加载类

首屏数据请求提前

首屏数据请求提前，避免在 JavaScript 加载完成后才去后端请求数据。通常数据请求是页面内容渲染中关键路径最长的部分，而且不能并行，所以如果能将数据请求提前，可以很大程度上缩短页面内容的渲染时间。

首屏加载和按需加载

移动端网络资源有限，为了尽快完成页面内容的加载，需要保证首屏加载资源最小，非首屏内容使用滚动的方式异步加载。一般推荐移动端页面首屏数据展示延时最长不超过3秒。

inline 首屏必备的 CSS 和 JavaScript

为了在 HTML 加载完成时能使浏览器中有基本的样式，需要将页面渲染时必备的 CSS 和 JavaScript 通过