前端性能优化篇——DNS/CDN

DNS解析

TCP/IP四层协议：应用层、传输层、网络层（网络互联层）、链路层（网络接口层）。
DNS（Domain Name System，域名系统）和FTP（FIile Transfer Protocol，文本传输协议）同为TCP/IP四层协议中应用层内的两大原则。
DNS提供域名查找IP或逆向通过IP查找域名的服务。一般可以在首页设置DNS-Prefetch，这样我们就可以把其他页面用到的比较频繁的域名也放到首页进行解析， 防止解析阻塞页面渲染影响用户体验。具体操作比如：慕课网（首页和两个常用跳转页域名）

缓存方法

1.CDN缓存：CDN通过在多个节点部署俩减少请求时间，这样不需要每次都回到源站服务器进行请求。CDN对于常见的HTTP请求都支持，但只对GET请求进行缓存，其他请求只做转发作用，相当于proxy。
2.数据库缓存： 将一些经常会被访问到的资源直接放到内存中，当数据发生变化时我们才会操作数据库。
3、浏览器缓存： 根据一套与服务器约定好的规则进行工作，通常只需要一次回话。浏览器会在硬盘上专门开辟一个空间来存储资源副本作为缓存。比如 ajax分页操作点击“前进”或“后退”时很多网站就用了浏览器缓存 ，同样，再次访问系统中的图片时，该图片可以从浏览器缓存中调出并几乎立刻显示出来 。

CDN

Content Delivery Network，内容分发网络。基本原理是避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容能够传输的更快、更稳定。
比如京东的物流，京东为什么快？因为在全国各地都有物流仓库，当我们下单时，系统会判断哪个物流仓库离我们下单点最近，然后从这里发货，这就大大提高了速度，相应的用户体验也是一流。其实CDN原理也是这样。

CDN缓存应用

1.使用第三方CDN服务：针对公司没有条件购买自己的CDN服务，如：https://www.bootcdn.cn/；
2.CDN进行静态资源缓存：比如JS\CSS\图片,甚至事将脚本和webpack结合直接放到CDN，一键部署整个项目；
3.直播传送：直播本质上时使用流媒体进行传送，而CDN是支持流媒体传送，所以直播完全可以用CDN来提高访问速度。