前端性能优化之预加载

  网络链接的快慢，是前端性能的瓶颈之一，在这里咱们能作些什么呢，下面介绍几个经过浏览器特性来很容易提升资源加载速度的方法：

DNS prefetching

  DNS解析的速度可用经过下面的标签来进行预解析：

<link rel="dns-prefetch" href="//weibo.com">

Preconnect

  和DNS预解析差很少，Preconnect还会作TCP握手和TLS Negotiation：

<link rel="preconnect" href="http://css-tricks.com">

Prefetching

  若是咱们猜想用户接下来将要访问哪一个具体的资源，那就能够用prefetching来预加载肯定的资源了：

<link rel="prefetch" href="p_w_picpath.png">

Prerendering pages

  预先渲染页面，这是更牛的预加载方式了，它的做用就相似打开一个隐藏的tab差很少：

<link rel="prerender" href="http://css-tricks.com">

新特性：Preloading

  和prefetching不一样的是，preloading会让浏览器不管如何都下载指定的资源：

<link rel="preload" href="p_w_picpath.png">

合理利用以上标签，能够必定程度上提升用户体验。