性能优化之link标签的preload效果具体怎么体现？

背景

大家可能都知道link标签的preload属性是可以加快资源的加载速度的，但具体优化效果能很直观的看到吗？可以的，看下文

具体怎么体现？

看network的瀑布流可以看出来（同是http2的情况）

不加preload的效果：

1. 同域名下的多个请求会被阻塞，同时只能并发6个js请求，同域名的css资源也能阻塞js资源的并行
   • ps：如果效果不明显话，开无痕浏览器试试，因为浏览器自身也有缓存优化

加了preload的效果：

1. 可以突破并行限制

额外

除了preload外，js的fetch api或xhr发起请求，也可以突破并行限制（要http2，http1.x也会只能并行6个），比如

http2:

• 

http1.1

• 

---

码字不易，点赞鼓励！