鍍金池/ 問(wèn)答/HTML/ angular中,請(qǐng)求的數(shù)據(jù)量大了,頁(yè)面加載很慢很卡

angular中,請(qǐng)求的數(shù)據(jù)量大了,頁(yè)面加載很慢很卡

ajax異步請(qǐng)求一些文章的數(shù)據(jù)
請(qǐng)求響應(yīng)的大小100KB左右
頁(yè)面用ng-repeat渲染
第一次會(huì)有很慢很卡的現(xiàn)象
之后再請(qǐng)求第二頁(yè)第三頁(yè)等等,加載速度又正常了

在不同的地方打了log
我發(fā)現(xiàn)在ajax請(qǐng)求結(jié)束,我拿到數(shù)據(jù)的時(shí)候,
到ng-repeat開始執(zhí)行的時(shí)候,中間間隔了非常久
大概700ms+
repeat過(guò)程時(shí)間也非常短,幾毫秒就完成了
所以現(xiàn)在的問(wèn)題是:

為啥從獲取到數(shù)據(jù),到開始渲染,中間間隔了這么久
回答
編輯回答
巷尾

你一頁(yè)顯示多少行呢? 前端分頁(yè)還是后端分頁(yè)?聽你描述感覺是前端分頁(yè)。。。

2018年6月6日 19:01
編輯回答
久礙你

我最近也是遇到這個(gè)問(wèn)題,我們數(shù)據(jù)2000條,還是400kb的,超級(jí)慢,半個(gè)小時(shí)才渲染到,聽說(shuō)是angularjs的ng-repeat的問(wèn)題

2018年7月25日 03:35
編輯回答
萌小萌

數(shù)據(jù)結(jié)構(gòu)上有問(wèn)題吧,20條數(shù)據(jù)100k,那你每條數(shù)據(jù)是有多少字段呀!降低i/o,overview接口只返回條目所顯示的字段。在詳細(xì)頁(yè)面調(diào)用詳細(xì)信息的接口,獲取單獨(dú)條目的數(shù)據(jù),這樣能大大降低i/o。應(yīng)該能提速不少

2017年1月3日 23:36
編輯回答
瘋子范

給出能重現(xiàn)問(wèn)題的代碼。

2018年3月26日 07:45
編輯回答
枕頭人

返回的數(shù)據(jù)量降低,幾k,再看看時(shí)間間隔

2017年1月4日 06:53