通过优化网络连接优化前端性能

【使用DNS预解析】

当浏览器访问一个域名的时候,需要解析一次DNS,获得对应域名的ip地址。在解析的过程中,按照浏览器缓存、系统缓存、路由器缓存、ISP(运营商)DNS缓存、根域名服务器、顶级域名服务器、主域名服务器的顺序,逐步读取缓存,直到拿到IP地址。

DNS Prefetch,即DNS预解析就是根据浏览器定义的规则,提前解析之后可能会用到的域名,使解析结果缓存到系统缓存中,缩短DNS解析时间,来提高网站的访问速度。

方法是在head标签里面写上几个link标签

<link rel="dns-prefecth" href="">

对几个网站提前解析DNS,由于它是并行的,不会阻塞页面渲染,这样可以缩短资源加载的时间。

【并行连接】

由于HTTP1.1协议下,chrome每个域名的最大并发数是6个。使用多个域名,可以增加并发数。

【持久连接】

使用keep-alive或者presistent来建立持久连接,持久连接降低了时延和连接建立的开销,将连接保持在已协调状态,而且减少了打开连接的潜在数量。

【管道化连接】

在HTTP2协议中,可以开启管道化连接,即单条连接的多路复用,每条连接中并发传输多个资源,这里就不需要添加域名来增加并发数了。

猜你喜欢

转载自blog.csdn.net/xiaoxia188/article/details/84548521
今日推荐