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

百度移动端的首页基本是秒开的,原因是大小只有十几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也缓存
百度移动端首页的优化---极限的速度优化的方案 - 中山爷爷 - 凝聚 的博客
 
上面就是百度使用缓存加快网页加载的方案,极限加载,有点变态

猜你喜欢

转载自blog.csdn.net/amesteur/article/details/80272065