客户端优化策略

客户端优化策略

这部分内容是指客户端发出但是还没到服务器这个过程可以优化的点

DNS

DNS是用于解析IP地址用的，但是DNS 存在多级解析的过程。
我们在当前页面，完成对下一个页面域名的解析，在下一个页面直接使用预解析之后的结果
dns perfetching

<meta http-equiv="x-dns-prefetch-control"  content="on">
<link ref="dns-prefetch" href="//www.baidu.com">

懒加载和预加载

懒加载

页面拉取资源的时候,针对当前页面，更早的去下载资源

<link rel="preload" href='xxx.png'>

预加载

针对下一页，再当前页空闲的时候预先加载下一页

<link rel="prefetch" href="xxx.js">

客户端数据库

浏览器也是可以保存很多数据的，现在你开个网站，动不动浏览器占几百M，就是因为缓存了大量的数据

local Storage

缓存再页面，不删除的化永不过期

Session Storage

缓存再页面，session 生命周期

Cookies

这玩意可以缓存数据，但是每次请求都会带上这些数据，臃肿

IndexedDB

key-value型的数据库，还支持事物

Cache Storage

它用来存储 Response 对象的，也就是说用来对 HTTP 响应，做缓存的

Application Cache

支持离线访问，而开发的应用程序缓存。可以缓存整个页面

动静分离