我們知道一個web app如果太大會嚴重影響使用者的體驗,如何能夠最快速度地讓使用者看到完整頁面是優化web應用需要做的重要工作。
這其中使用code split實現lazy載入,只讓使用者初次訪問時只載入必須的html,css,javascrip是一個比較好的思路。那麼到底什麼情況下應該使用code split呢?
在vuejs app結合webpack工具鏈的開發中,至少有以下三種模式可能比較適合使用code split功能,實現lazy load.
per page,
below fold
by condition
https://medium.com/js-dojo/3-code-splitting-patterns-for-vuejs-and-webpack-b8fff1ea0ba4