Aspx 页面和部分加载答案

【问题标题】：Aspx page and partial loadingAspx 页面和部分加载
【发布时间】：2012-11-14 12:50:24
【问题描述】：

我的问题是指拆分复杂的页面加载以改善用户体验。

信息：

我有一个普通的 aspx 页面，其中包含许多控件，这些控件执行复杂而繁琐的任务。加载页面时会自动（默认）执行此任务。所有这些组件都拆分为 div，并根据活动选项卡隐藏和显示 JQuery。所以通过选项卡它隐藏或显示控件组、组件等。这些控件应保持在同一页面上并按目前的方式排列。

问题：

这个页面的问题是它有时会变得非常大，而且因为他们执行昂贵的任务，第一次加载页面需要一些时间，所以用户体验很差。因此，换句话说，性能非常糟糕，有时需要几分钟才能完全加载页面。

问题：

如何解决这个问题？我正在考虑将其拆分为某些部分并按需加载这些部分，但我不知道以后如何加载它们，我无法访问加载和这些控件的工作，我唯一想做的是不知何故，客户端，按需加载。所以一开始只加载第一个选项卡上的控件，然后如果我单击选项卡 2，我将加载与此选项卡相关联的那些控件......等等

但我该怎么做，基本上主要是客户端？我可以把它们放在 div 中，然后对 div 说，在说之前不要加载，然后我说它会再次执行某种页面加载？

提前致谢。

【问题讨论】：

我有类似的情况，我使用了 jQuery 选项卡控件，如果您单击该选项卡，它会加载该部分。我所做的我为不同的标签创建了不同的页面。单击时，我有用户 jQuery“.load”方法来加载该特定页面。它还有另一个功能，例如在切换选项卡时加载页面后，它不会转到服务器，而是显示和隐藏 div
如果你有gridview之类的东西，那么你可以同时使用jTemplate和jqery

【解决方案1】：

您可以按需执行AJAX加载，而不是在选择另一个选项卡时不在页面加载时，如何从jQuery调用服务器侧方法的示例：

【讨论】：

【解决方案2】：

将昂贵的控件加载任务移至相关的选项卡处理程序，而不是在初始页面加载时全部完成。您可以在服务器端执行此操作，避免事后从客户端返回不必要的行程。

初始页面加载时服务器端发生性能下降。在这种情况下，以客户为中心的解决方案将不起作用 - 性能损失已经发生。您可以使用 AJAX，但在您的情况下，这可能意味着重新编写所有数据访问逻辑。

【讨论】：