鍍金池/ 問(wèn)答/HTML/ vue路由切換,渲染慢,菜單卡

vue路由切換,渲染慢,菜單卡

clipboard.png
從監(jiān)測(cè)切換到配置頁(yè)的時(shí)候,由于配置頁(yè)面數(shù)據(jù)大,渲染慢,會(huì)導(dǎo)致出現(xiàn)兩個(gè)菜單都是選中的現(xiàn)象,很卡,一會(huì)兒才能恢復(fù),是否可以?xún)?yōu)化呢,還請(qǐng)高手指點(diǎn)

clipboard.png

回答
編輯回答
拮據(jù)

你打包之后測(cè)試過(guò)么,打包之后沒(méi)問(wèn)題就可以。如果這是在dev環(huán)境卡那是正常的,因?yàn)樗械臇|西都存在你的內(nèi)存中,肯定會(huì)卡。

2018年3月12日 12:35
編輯回答
冷溫柔

你的樣式是在回調(diào)里面設(shè)置的嗎?

2017年5月7日 19:27
編輯回答
神經(jīng)質(zhì)

加個(gè)keep-alive試一下吧

2018年5月13日 12:03
編輯回答
初念

我覺(jué)得可能是沒(méi)有合理使用好vue-router的linkActiveClass配置

2017年4月13日 17:08
編輯回答
帥到炸

首先如果使用了代碼分割,即每個(gè)路由對(duì)應(yīng)一個(gè)js文件,則往下看。否則忽略答案。

如果使用了代碼分割技術(shù):
很可能是請(qǐng)求過(guò)多導(dǎo)致的,chrome 同一個(gè)域名下,最多同時(shí)只能處理6個(gè)請(qǐng)求。
如果恰好在你切換路由的時(shí)候仍然有6個(gè)或以上的請(qǐng)求在等待(瀏覽器上是pending狀態(tài)),那么則切換很卡,必須請(qǐng)求釋放到6個(gè)以?xún)?nèi)才會(huì)順暢。

不同瀏覽器同一個(gè)域名下同時(shí)處理最大請(qǐng)求數(shù):
Firefox 2: 2
Firefox 3+: 6
Opera 9.26: 4
Opera 12: 6
Safari 3: 4
Safari 5: 6
IE 7: 2
IE 8: 6
IE 10: 8
Chrome: 6

2017年8月12日 04:04