百度移动端首页的优化---极限的速度优化的方案

百度移动端的首页基本是秒开的，原因是大小只有十几kb，那么静态页面的优化的方案如下：

1.首先网页打开快，是尽量的不适用外链接，这样就减少了请求的响应时间.关键的地方是 缓存！！

百度将一下不经常变化的html、js、css（要是经常变化就不能缓存了，大概都是些公共的样式和组件）都缓存到本地的localstorage, 然后只需要加载调用这些缓存的js文件即可。

从上图中可以看到，浏览器缓存了百度的js和css等的文件

 

2.那么怎么更新本地缓存的html、js、css等文件

答案是采用cookies。cookies每次http请求时都会自动携带的。因此，只要在cookies中存储当前本地缓存的数据的版本，然后与服务器的版本进行比较，进行更新。

 

这是百度的cookies的存储情况，其中版本号是md5，其实百度的账号的也是通过cookies进行自动登录的，所以，别说cookies不好。

 

3.极限优化之，一次把css和html合并到一个请求

百度将所有的js/css等静态文件，通过一个接口全部返回，然后保存在本地，然后每个文件都生成自己的版本号。

4.Dom也缓存

 

上面就是百度使用缓存加快网页加载的方案，极限加载，有点变态