简单几步小操作，移动网页快上天（一）

I

将共用的JavaScript和CSS代码放在公共的文件夹中与多个页面共享。

II

确保在一个页面中相同的脚本不会被加载多次。同时，将脚本中的Click事件改为On Touch事件来减少固有的300ms延迟。

III

使用CSS Sprites来整合图像，将多张图片整合到一个线性的网状的大图片中。

IV

使用Cache-Control或者Expires标记来实现浏览器缓存，从而减少不必要的服务器请求，尽可能地从本地缓存中获取资源。

I

使用gzip这样的压缩技术来压缩图像和文本，依靠增加服务端压缩和浏览器解压的步骤，来减少资源的负载。

II

整合并压缩CSS与JavaScript，删除不必要的字符与变量。

III

动态地调整图片大小或者将图片替换为移动设备专用的更小的版本。

IV

分段加载和隐藏加载等手段，可以将不可见区域的内容延迟加载或暂时不需要的脚本进行延时读取。

I

HTTP2采用多路复用的技术，允许同时通过单一的HTTP2连接发起多重的请求响应消息，从而大大的加快了网页加载时间

I

HTTP2采用二进制格式传输数据，并把他们分割为更小的帧，相比于HTTP/1.x 的文本格式传输更为方便。

II

HTTP1.x的header由于cookie和user agent很容易膨胀，而且每次都要重复发送。HTTP/2 对消息头采用 HPACK 进行压缩传输，能够节省消息头占用的网络的流量。

I

通过Server Push功能，服务端可以主动把 JS 和 CSS 等文件发送给终端，而省区了解析HTML请求的过程。简单的说，当你需要访问某个文件的时候，它已经在乖乖的在后台躺好了。