請問有什么比較好的方法解決這種加載慢的問題
vue項目首次加載慢，會出現短暫白屏的情況
拉莫斯之舞
2019-02-15 13:15:06
1 回答
明月笑刀無情
TA貢獻1828條經驗 獲得超4個贊
hardcode 一些基礎樣式在主文檔里面。 比如loading動畫或者基礎背景色。
在bundle.js請求沒有回來之前，有較好的等待效果，而這段樣式無需異步加載。
加載慢原因：
1、bundle太大，沒有壓縮混淆。
2、bundle沒有使用異步模塊加載。
3、bundle沒有拆分css樣式或者base64了圖片。
以上都可以對癥下藥。
我上述提到的內置加載樣式是指。
<html>
<style>
body {
background-color: #EEE;
}
.loading {
// .... loading動畫樣式
background-image: url("./loading.gif");
}
</style>
<body>
<div class="loading"></div>
</body>
</html>
這樣頁面請求回來的時候 就已經有一個加載動畫，在緩解加載等待體驗。 而不是單純的白屏。
添加回答
舉報
0/150
提交
取消