性能优化1.1笔记

showcase14:  https://github.com/FE-star/showcase14

---

文件名做了md5(就是哈希吧？)缓存时间可以长一点，可以设成一年，因为内容发生变化，文件名会变化。

---

script 标签里有两个属性：defer async

浏览器默认是async和defer都没有，和浏览器有关有些浏览器会默认加上async

defer 和async会影响DOMContentLoad的时间,

当为async的时候会更早加载

绘制之前，脚本有可能没有下载成功的

dom树没有加载完，有可能就已经执行绘制了（跟js文件放的位置有关，所以有时候会把js放在最后）

---

http://taligarsiel.com/Projects/howbrowserswork1.htm

---

302：重定向，当响应码为302时，表示服务器要求浏览器重新再发一个请求，服务器会发送一个响应头Location，它指定了新请求的URL地址；

301表示永久重定向（301 moved permanently），表示请求的资源分配了新url，以后应使用新url。

302表示临时性重定向（302 found），请求的资源临时分配了新url，本次请求暂且使用新url。302与301的区别是，302表示临时性重定向，重定向的url还有可能还会改变。

服务器会发响应码304，表示index.html与浏览器上次缓存的相同，无需再次发送(节省传输成本)，浏览器可以显示自己的缓存页面，如果比对不同，那么说明index.html已经做了修改，服务器会响应200。

客户端发送附带条件的请求时（if-matched,if-modified-since,if-none-match,if-range,if-unmodified-since任一个）服务器端允许请求访问资源，但因发生请求未满足条件的情况后，直接返回304Modified（服务器端资源未改变，可直接使用客户端未过期的缓存）。304状态码返回时，不包含任何响应的主体部分。304虽然被划分在3xx类别中，但是和重定向没有关系。

304和重定向没有关系

---

静态资源放CDN，如果和用户资源相关的就不适合放CDN，因为有些是服务端渲染的。为什么呢？

为什么静态资源适合放CDN？

第一个请求放cdn，缓存时间不会很长，因为首页出问题，更改了，用户那缓存时间太长，更改了就不会生效。