浏览器存储
了解什么是localstorage，cookie，sessionstorage，indexdb
了解pwa和service worker的应用
多种浏览器存储方式共存
什么是cookie
用cookie给服务端传递相关信息，让服务端来分别当前请求的是哪个客户端，cookie是1993年有的，它的目的就是为了区分HTTP的请求情况，本来HTTP请求就是无状态的，就是请求之后的连接就关闭了，cookie就是去维护客户端的状态。
用于浏览器端和服务端的交互，客户端自身数据的存储。
cookie有限制，作为浏览器存储大小有4kb左右，需要设置过期时间。
cookie的生成方式，http response header的set-cookie，通过document.cookie可以读写cookie，cookie中的相关域名下面-cdn的流量损耗，httponly。
LocalStorage
专门用于浏览器存储，大小5M左右，接口封装好，本地缓存的方案，可提高首屏的加载速度。
SessionStorage
会话级别的浏览器存储，大小5M左右，在客户端使用，不和服务端进行通信，接口封装较好。
pwa是什么
它是一种web app 新模型，并不是指某一种前沿的技术，是一种渐进式的web app，是通过一系列新的web特性。pwa在没有网咯的环境中也能提供基本的页面访问，web app没有网是接收不到基本页面的展示，但是pwa不会出现未连接到网络就导致显示不了页面。它很快速，对网页渲染以及网络数据访问很快速，融入特性，可以被添加到手机桌面等。
service worker是什么
它是一个脚本，浏览器独立于当前网页，将其在后台运行，实现一些不依赖的页面。具有拦截和处理网络请求的特性。
缓存策略
缓存，DNS缓存，CDN部署与缓存，http缓存
了解cache-control，last-modified，etag。httpheader的属性，Cache-control属性，max-age，s-maxage，private，public，no-cache，no-store。
浏览器在DNS解析中会消耗一定的时间，对一些访问量高的来说，需要做好DNS的缓存工作，CDN缓存，CDN作为静态资源文件的分发，做好静态资源的缓存工作，就能加快网站的加载速度，
移动到优化，使用cache，减少重定向，首屏优化，保证首屏加载数据小于14kb，不滥用web字体。
服务端性能优化
服务器是node.js，所以也能进行优化。