前端网络性能优化

　　首先HTTP是一种无状态的请求，我们广泛使用的是HTTP/1.1
　　HTTP还有HTTP/2以及HTTP/3
　　HTTP/2相对于HTTP/1.1可以说是大幅度提高了网页的性能，只需要升级该协议就可以减少很多之前要做的性能优化，之所以没有被普遍适用的原因是因为它的兼容问题还存在一些问题。
　　HTTP1.1发明以来我们已经使用了很长一段时间了，但是随着近十年互联网的爆炸式发展，如当初网页内容以文本为主，到现在主要以富媒体（视频，音频，图片）为主，而且对延迟的要求越来越高，比如网络直播，聊天…等功能，与是当时协议规定的木屑特性，已经无法满足现代网络的需求。
　　HTTP/1.1队头阻塞是出现次数比较多的网络延迟问题，原因是当请求中的木已请求因为目中原因被阻塞时，后面排队的请求也会一并被阻塞HTTP/2新特性：传输数据量大幅度减少，主要有两个原因，使用了二进制方式传输和Header压缩，Header并没有使用传统的压缩方法，而是在服务端和客户端建立了专门的字典用于通信。同域名下的所有通信都是在单个连接上完成，该连接可以承载任意量的双向数据流，每个数据流都以消息的形式发送，而消息又以多个帧组成，多个帧之间可以乱序发送。根据帧首部的流表示可以重新组装。HTTP/3新特性：
　　尽管HTTP/2相对于HTTP/1.1很多方面都有了大的改善，但是并没有完美的解决掉（队头阻塞）问题，而HTTP/3就会很完美的解决掉这个问题基于HTTP请求的特点，我们可以用以下几种方法来做网络性能优化合并多张小图为一张大图，再用css使用需要用的哪一部分，这样可以减少请求次数，因为http是无状态的请求，所以每次都需要携带大量数据进行交互，如果请求头里的数据过大而且请求次数过多的话，是很没有必要的，因为请求头里的这些数据大多都是重复的，所以是需要消耗网络性能的。将统一页面的资源分散到不同域名下，提升连接上限，Chrome有个机制，就是对于同一域名，默认允许最多有六个连接同时存在，假如这这个页面有10个请求，就会有四个请求在某一段时间内处于阻塞状态，而分散域名可以避免。将图片的url嵌入到css文件的url里，减少请求次数，将多个js文件打包成一个体积更大的js文件，也是类似于减少请求次数。静态资源使用cdn，内容分发网络（CDN）是一组分布在多个不同地理位置的 Web 服务器。我们都知道，当服务器离用户越远时，延迟越高。CDN 就是为了解决这一问题，在多个位置部署服务器，让用户离服务器更近，从而缩短请求时间。使用字体图标 iconfont 代替图片图标，最主要就是因为iconfont的资源较小，使用起来跟字体一样，比较方便，而且是矢量的，无论怎么放大都不会失真，图片延迟加载，如图片过多的话，可以先加载用户窗口内的图片，然后再用js加载不在可是窗口内的图片尽量避免操作dom，并且在加载之前给每个图片设置大小，减少页面渲染的时候重绘的次数，浏览器渲染过程： 解析HTML生成DOM树。
　　解析CSS生成CSSOM规则树。
　　将DOM树与CSSOM规则树合并在一起生成渲染树。
　　遍历渲染树开始布局，计算每个节点的位置大小信息。
　　将渲染树每个节点绘制到屏幕。 比如：加入浏览器渲染完成了之后上面有一个图片加载完成了，那么他的大小变了，浏览器必须重新计算下面每一个dom的位置来进行重新排版。使用 webp 格式的图片，WebP 的优势体现在它具有更优的图像数据压缩算法，能带来更小的图片体积，而且拥有肉眼识别无差异的图像质量；同时具备了无损和有损的压缩模式、Alpha 透明以及动画的特性，在 JPEG 和 PNG 上的转化效果都相当优秀、稳定和统一。使用事件委托，事件委托可以只用一个事件方法管理继承于该事件源的实例，大大节省了内存不要覆盖原生方法，无论你的 JavaScript 代码如何优化，都比不上原生方法。因为原生方法是用低级语言写的（C/C++），并且被编译成机器码，成为浏览器的一部分。当原生方法可用时，尽量使用它们，特别是数学运算和 DOM 操作。
　　优化是对于白屏时间和首屏时间，（new Date() - performance.timing.navigationStart）将这个脚本放在head里，然后再window,onload里执行（new Date() - performance.timing.navigationStart）即可获取首屏时间。或者配合chrome的开发者工具来查看网站在运行时的性能 打开调试->切到performance下点击灰色小圆点变成红色就代表开始记录了，使用完毕后，点击 stop，然后你就能看到网站运行期间的性能报告。如果有红色的块，代表有掉帧的情况；如果是绿色，则代表 FPS 很好。
　　​ 说到HTTP那就不得不说到TCP/IP了，计算机网络有一共七层模型，HTTP请求是在应用层，而TCP，IP是在传输层和网络层。具体来说，IP 或 ICMP、TCP 或 UDP、TELNET 或 FTP、以及 HTTP 等都属于 TCP/IP 协议。他们与 TCP 或 IP 的关系紧密，是互联网必不可少的组成部分。TCP/IP 一词泛指这些协议，因此，有时也称 TCP/IP 为网际协议群。互联网进行通信时，需要相应的网络协议，TCP/IP 原本就是为使用互联网而开发制定的协议族。因此，互联网的协议就是 TCP/IP，TCP/IP 就是互联网的协议。