Prefetching和Preloading

webpack4.6以后支持

在優(yōu)化訪問性能時，除了充分利用瀏覽器緩存之外，還需要涉及一個性能指標：coverage rate（覆蓋率）

可以在Chrome瀏覽器的控制臺中按：ctrl + shift + p，查找coverage，打開覆蓋率面板

開始錄制后刷新網頁，即可看到每個js文件的覆蓋率，以及總的覆蓋率

想提高覆蓋率，需要盡可能多的使用動態(tài)導入，也就是懶加載功能，將一切能使用懶加載的地方都是用懶加載，這樣可以大大提高覆蓋率

但有時候使用懶加載會影響用戶體驗，所以可以在懶加載時使用魔法注釋：Prefetching，是指在首頁資源加載完畢后，空閑時間時，將動態(tài)導入的資源加載進來，這樣即可以提高首屏加載速度，也可以解決懶加載可能會影響用戶體驗的問題.

function getComponent() {
  return import(/* webpackPrefetch: true */ 'jquery').then(({ default: $ }) => {
    return $('<div></div>').html('我是main')
  })
}