首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >提高RadGrid客户端性能

提高RadGrid客户端性能
EN

Stack Overflow用户
提问于 2012-11-19 19:45:04
回答 1查看 4K关注 0票数 2

我有一个aspx页面,它呈现一个以编程方式创建的RadGrid。大约有15列,略多于1000行。从加载到完成大约需要6-7秒,其中只有3秒是服务器端处理。我绝对可以优化这个。但是剩余的4秒似乎发生在客户端收到服务器的响应之后。

  • 在我的按钮点击后,网格只在6-7秒后加载。
  • 但是Fiddler显示2.2秒作为总的运行时间。
  • 我有个GIF来展示“装货.”在AjaxLoadingPanel中,它在最后4秒内挂起(没有动画)。

我看了一下Chrome的时间表,这就是我所看到的:

  • 我在大约2秒内发送页面请求(发送请求)。我开始看到一个GIF加载动画。
  • 在4.2秒左右,GIF动画停止。接下来的3-4秒,您将在时间线中看到"XHR就绪状态更改“。
  • 在8.5秒左右,GIF动画就开始了,我的页面被完全加载了。
  • Fiddler告诉我,页面加载总共花费了2.2秒。

基于此,我猜浏览器正在尝试解析和呈现最后4秒的页面。我现在该干啥?我能再深入了解一下原因吗?

  • 似乎有很多“布局”事件来自不同的ScriptResource.axd文件,这些都是由Telerik生成的。
  • 还有一个针对布局记录的警告:“强制同步布局可能是性能瓶颈”。这是我能控制的吗?会将.axd文件组合成单个文件(使用自定义HTTP处理程序吗?)有什么帮助吗?

这些是什么意思?Radgrid发出的代码太多,浏览器无法处理?

  1. 分页是打开的,但是客户希望每页至少看到1000条记录。
  2. 排序、分页、行选择、行右击菜单等都已启用/可用.

谢谢你的帮助,如果你需要更多的信息,请告诉我。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-11-22 19:11:18

我在您的时间线中看到,执行JS代码只使用了1秒。其余的时间用于布局。您需要以某种方式修改代码并减少强制布局的位置数。我认为这份文件对你来说可能很有趣。http://gent.ilcore.com/2011/03/how-not-to-trigger-layout-in-webkit.html

另一种方法是使用viewport模式。例如,您只需要为页面的一个可见部分创建行,并对不可见的部分使用必要大小的空div。当数据量相当大时,这是一种常见的做法。例如,“源”面板以这种方式工作,并且可以显示带有500 k行代码的文件。

在时间线面板上也使用了同样的技术。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13460982

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档