一般在一些资源文件上会见到这些属性，网络加载优化时常常使用到。
用法示例：
1 | <link rel="preconnect" href="https://fonts.googleapis.com"> |
preconnect
dns-prefetch
prefetch
preload
看名字就知道是“预加载”，二者又有些区别，总的来说就是prefetch的资源是下个页面的，而preload则是当前页面的资源。
推荐书籍：High performance browser networking, HTTP the definitive guide
参考视频：