新技能Get：如何提升移动网页的加载速度

在过去，Web 开发者都是基于改善硬件或者提高带宽速度来优化用户体验。但是在近几年，爆炸式的移动 Web 浏览器的使用打破了这个途径。低带宽，高延迟，小内存，低处理器性能的移动设备环境，迫使开发者不得不想办法通过优化前端页面的性能来满足用户的性能预期。

上一篇 我们讲解了，移动网络加速可以借鉴 PC 端的经验和使用更新的 HTTP2 协议来进行优化，这篇文章，主要介绍如何通过优化蜂窝网络以及更智能的加载方案，实现移动网页响应速度的蜕变！

1. 具有实力的内容服务商可以把资源配置在离用户地理位置更近的地方，缩短最后一公里。

2. 与移动网络服务商合作共同开发算法，实现实时自动调整互联网路由，避免网络拥堵、丢包与离线问题。

3. 还可以采用优化 TCP 协议的方法，通过借助主流的 Cubic、Bic 以及 Westwood 算法，可以有效的避免网络拥堵。

4. 此外，还可以研究算法改善 NAT 嵌套导致的网络延时，也可以直接通过 IPV6 的连接协议规避 NAT 的延迟问题。

1. 分段加载又称懒加载 ，它能够在用户滚动页面的时候自动获取更多的数据，从而可以很大程度上减少服务器端的资源耗用。诸如 Lazyload.js 或 Belazy.js 都是非常成熟易用的开发包。

2. 隐藏加载是在页面显示后再加载用户暂时看不到的信息 ，诸如图片展示窗里除了第一张图片，其他图片都可以采用隐藏加载的技术。

1、资源预加载目的是让浏览器在空闲时间下载或预读取一些文档资源，用户在将来将会访问这些资源时浏览器能快速的从缓存里提取给用户。