如上图所示，我们查看vue项目的页面js引入时发现，有些是prefetch，有些又是preload。这两者有什么区别呢

我们再仔细的对比下，又发现。vue的app.js，vendor.js等是preload，其他的都是prefetch。相信大概能猜出一个点，那就是首要的文件，我们是用preload。

下面列出他们两的主要区别处：

1、preload用于提前加载一些需要的依赖，并且不会影响页面的onload事件

2、prefetch是一种利用浏览器的空闲时间加载页面将来可能用到的资源的一种机制；通常可以用于加载非首页的其他页面所需要的资源，以便加快后续页面的首屏速度；

简单总结：preload预先加载文件，prefetch空闲时间加载文件