溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
在Web應用程序中，系統(tǒng)的瓶頸常在于系統(tǒng)的響應速度。如果系統(tǒng)響應速度過慢，用戶就會出現(xiàn)埋怨情緒，系統(tǒng)的價值也因此會大打折扣。因此，提高系統(tǒng)響應速度，是非常重要的。
懶加載(Load On Demand)是一種獨特而又強大的數(shù)據(jù)獲取方法,它能夠在用戶滾動頁面的時候自動獲取更多的數(shù)據(jù),而新得到的數(shù)據(jù)不會影響原有數(shù)據(jù)的顯示,同時最大程度上減少服務器端的資源耗用。
也叫延遲加載，即在需要的時候進行加載，隨用隨載。
為什么需要懶加載？
像vue這種單頁面應用，如果沒有應用懶加載，運用webpack打包后的文件將會異常的大，造成進入首頁時，需要加載的內(nèi)容過多，時間過長，會出啊先長時間的白屏，即使做了loading也是不利于用戶體驗，而運用懶加載則可以將頁面進行劃分，需要的時候加載頁面，可以有效的分擔首頁所承擔的加載壓力，減少首頁加載用時
簡單的說就是：進入首頁不用一次加載過多資源造成用時過長?。。?/p>
如何實現(xiàn)？
懶加載寫法：
非懶加載的路由配置：
還有一點：是我遇到的如果你遇到了就看下——就是用了懶加載后打完包直接運行那個index.html會報錯，報文件引用錯誤其實是打包時候路徑配置有點問題修改下就好了
如下圖：
找到build下面的webpack.prod.conf.js 添加 publicPath："./",
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持億速云?！ ?/p>
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼
