[请益] 网页程式怎么改善效能?

楼主: p52189 (鼠霸)   2016-10-27 16:22:38
不知道能不能发在这
我最近遇到了瓶颈
有一支程式,使用AngularJS 1.5.8
内容是印一个满大的表格 (表格是后端程式印死的,不是动态生成)
然后有一个 AJAX 的动作去叫一支花费时间应该不会超过一秒的php程式
捞回来的资料约 10笔,配template ,ng-repeat 印出来
这支程式不明原因的很慢
大部分时间花在,后端写死的大表格印完之后 ,AJAX捞东西回来的小表格即将印出之前
我开 Chrome 看着 timeline 看不出个所以然
有很大一部分是灰色的 other 状态
scripting 跟 rendering 占不多
表格cell数量大约是 15 * 500
我个人电脑内存是 2 G
请问大家遇到这种问题都怎么找问题根源
如何解决的?
因为是工作的程式不能给各位看
但是如果有描述不够仔细的我会尽量补充
恳请懂网页程式的大大,提点一下
感谢!!
作者: femlro (母猪教谋神异端审问官1.5)   2016-10-27 16:25:00
记得顺便去web板问 那边高手也很多
楼主: p52189 (鼠霸)   2016-10-27 16:27:00
请问是Web_Design板吗?
作者: femlro (母猪教谋神异端审问官1.5)   2016-10-27 16:39:00
好像是XD
作者: max241 (养生之道)   2016-10-27 16:43:00
为什么要写死table 是后端生一个内容超大的table tag吗?
楼主: p52189 (鼠霸)   2016-10-27 16:45:00
对,会这样是因为后端那部分并不是我写的,是有前辈写了一版,拆过来用的结果
作者: yyc1217 (somo)   2016-10-27 17:11:00
先把资料量减少到一笔 并且先不要做多余的工作 直接印出来看看 再逐步增加笔数 和想做的js
楼主: p52189 (鼠霸)   2016-10-27 17:15:00
笔数少的时候显然比较快,不过也只知道这样而已,再往底层的就不知从何下手了
作者: iWRZ (NE~_~RO)   2016-10-27 17:18:00
我可以说cgi吗?(逃~)
作者: BigTounge (舌头)   2016-10-27 19:05:00
有用track by 吗
作者: JustGame (JustGame)   2016-10-27 19:05:00
每一个可中断的点都 console.log 一些东西出来看?
作者: Hevak (Arthow Eshes)   2016-10-27 19:56:00
15x500是指每一笔资料有7500个cell,然后你一次要渲染7500*格x10笔?
作者: Laluth (阳光)   2016-10-27 20:43:00
参考看看吧 https://goo.gl/kYuuAC
作者: dreamnook (亚龙)   2016-10-27 21:30:00
推楼上 很有帮助
作者: enthos (影斯作业系统)   2016-10-27 21:42:00
作者: gerojeng (阿乐 - 反省再出发)   2016-10-27 22:05:00
作者: angusyu (〒△〒)   2016-10-27 22:18:00
https://goo.gl/NvpAQ0 <--- 看分数啊
作者: pttworld (批踢踢世界)   2016-10-27 22:19:00
换各家浏览器测试是第一步。
作者: gerojeng (阿乐 - 反省再出发)   2016-10-27 22:56:00
ajax call其实被重复呼叫很多次?
作者: fewen (费雯)   2016-10-27 23:07:00
不要用前端处理资料啊
作者: ccas (昆蟲不一定會飛)   2016-10-28 02:38:00
http://ui-grid.info/ angular-grid 画大table
作者: lovdkkkk (dk)   2016-10-28 13:20:00
不是很确定实际状况 试试把 table 改 display none全跑完再把 display none 移掉
作者: Gold740716 (项为之强)   2016-10-29 01:39:00
ajax 板?
作者: TETZ (你今天宅了吗?)   2016-10-29 04:02:00
之前遇过这问题是用transform: translateZ(0)解
作者: annua   2016-10-31 16:40:00
我之前遇到是因为双向绑定关系,若资料是静态,就尽量少用ng开头的标签,或是参考使用这个 http://github.com/Pasvas/bindonce
楼主: p52189 (鼠霸)   2016-10-31 20:33:00
感谢各位,我一个个试试看

Links booklink

Contact Us: admin [ a t ] ucptt.com