不知道能不能發在這
我最近遇到了瓶頸
有一支程式，使用AngularJS 1.5.8
內容是印一個滿大的表格 (表格是後端程式印死的，不是動態生成)
然後有一個 AJAX 的動作去叫一支花費時間應該不會超過一秒的php程式
撈回來的資料約 10筆，配template ，ng-repeat 印出來
這支程式不明原因的很慢
大部分時間花在，後端寫死的大表格印完之後 ，AJAX撈東西回來的小表格即將印出之前
我開 Chrome 看著 timeline 看不出個所以然
有很大一部分是灰色的 other 狀態
scripting 跟 rendering 佔不多
表格cell數量大約是 15 * 500
我個人電腦記憶體是 2 G
請問大家遇到這種問題都怎麼找問題根源
如何解決的？
因為是工作的程式不能給各位看
但是如果有描述不夠仔細的我會盡量補充
懇請懂網頁程式的大大，提點一下
感謝！！

記得順便去web板問 那邊高手也很多

請問是Web_Design板嗎？

好像是XD

為什麼要寫死table 是後端生一個內容超大的table tag嗎?

對，會這樣是因為後端那部分並不是我寫的，是有前輩寫了一版，拆過來用的結果

先把資料量減少到一筆 並且先不要做多餘的工作 直接印出來看看 再逐步增加筆數 和想做的js

筆數少的時候顯然比較快，不過也只知道這樣而已，再往底層的就不知從何下手了

我可以說cgi嗎？(逃～)

有用track by 嗎

每一個可中斷的點都 console.log 一些東西出來看？

15x500是指每一筆資料有7500個cell，然後你一次要渲染7500*格x10筆？

參考看看吧 https://goo.gl/kYuuAC

推樓上 很有幫助

https://github.com/kamilkp/angular-vs-repeat/https://github.com/stackfull/angular-virtual-scroll用virtual mode 取代 ng-repeat

https://goo.gl/NvpAQ0 <--- 看分數啊

換各家瀏覽器測試是第一步。

ajax call其實被重覆呼叫很多次?

不要用前端處理資料啊

http://ui-grid.info/ angular-grid 畫大table

不是很確定實際狀況 試試把 table 改 display none全跑完再把 display none 移掉

ajax 板？

之前遇過這問題是用transform: translateZ(0)解

我之前遇到是因為雙向綁定關係，若資料是靜態，就盡量少用ng開頭的標籤，或是參考使用這個 http://github.com/Pasvas/bindonce

感謝各位，我一個個試試看