HTTP缓存分类
HTTP缓存模型中,如果请求成功会有三种情况:
200 from cache :直接从本地缓存中获取响应,最快,最省流量,因为根本没有向服务器发送请求
304 Not Modified :协商缓存,浏览器在本地没有命中的情况下请求头中发送一定的校验数据到服务器端,
如果服务器端数据没有改变浏览器从本地缓存响应,返回304,
快速,发送的数据很少,只返回一些基本的响应头信息,数据量很小,不发送实际响应体
200 OK: 以上两种缓存都失败了,服务器返回完整的响应的信息,类似重新请求
HTTP head信息详解: https://www.cnblogs.com/xianhaiyuan/p/5445357.html
前端代码和资源压缩
压缩的优势:让资源文件更小,加快文件在网络中的传输,让网页更快的展现,降低宽带和流量的开销
压缩方式:js,css,图片,HTML代码压缩
JavaScript代码的压缩:主要是去掉多余的空格,回车,长变量,简化代码写法。
JavaScript的压缩工具:UglifyJs、YUI Compressor 、Closure、 Compiler
css代码压缩工具: YUI Compressor 、 CSS Compressor
HTML代码尽量不要压缩,容易出现错误
图片压缩工具:tinypng、JpegMini、ImageOptim