请问vue 从别人的网站加载图标 这样写，会造成页面卡顿，影响性能吗？

Question

需要加载大量图标，分别从不同的网站加载网站图标，这样写会导致用户操作卡顿吗？

下面是图标所在的原子组件, 会重复N次。

Answer 1

这取决于所引用的资源的响应速度，如果人家的速度比你快的话，你就获得了技能加成——CDN加速，可以突破本域名的并发请求数量限制。
不过，如果人家的资源不是部署在公开的CDN服务器上的话，不建议使用，不然说不准哪天就给你来个404。

Answer 2

不会影响，图片加载不会影响JS的执行，因为加载图片是异步执行的
如果图片加载失败默认会出现一张裂痕的图片来替代。

Answer 3

加载图片是异步的，不会阻止页面渲染。但图片加载的速度不能得到复用，因为每个图片都在不同的域名中，所建立的连接变多了。

简而言之，白嫖人家的 icon 不会堵塞页面渲染，但由于加载速度取决于其他网站提供服务的性能。因此可能图片加载的顺序可能会不确定。