下拉列表值和视图状态会增加页面大小，从而增加页面加载时间

Question

我正在尝试修复特定的实验室 Web 应用程序（用 ASP.NET 编写）。有一个用于快速数据输入的页面，最终用户使用条形码扫描仪输入数据。每次扫描样本（或试管）上的条形码时，它都会根据该条形码将实际数据输入到文本字段中，并告诉浏览器跳到下一个字段。他们正在扫描两个条形码，以及两个接收数据输入的文本字段。许多（实际上是所有）其他字段可能已经默认用于特定样品托盘，因为该数据不需要更改。此数据输入完全与速度有关。我已经修复了表单，以便选项卡（onblur 事件）使用对 WCF 服务的 AJAX 调用。那很快。问题是当他们提交表格来保存测试时（基于样本）。该表单使用整页回发。我的目标是最终重新设计后端架构，以消除保存数据时的整页回发，并为此使用 WCF AJAX 调用。但现在，我只是想弄清楚为什么页面如此慢。事实上，正是回发导致了速度缓慢。有一些 SQL 查询会减慢速度，我认为速度缓慢是由于其中包含 11,000 个收集站点的下拉列表造成的。每次加载页面时都会加载该列表。有没有办法可以通过此下拉列表中的这么多数据来加快页面加载时间？我是否需要将该下拉列表更改为某种类型的自动完成控件，其中包含前 5-10 个匹配项（类似于 Google 搜索的工作方式），或者是否有办法通过保留下拉列表来提高性能，但减少页面加载时间？目前加载页面大约需要 3 秒。有谁知道如何加快页面加载时间？

=================

2011 年 9 月 16 日更新

做了一些更改。这些时间基于我们提交表单且没有验证错误的时间。还没有实现缓存。首先我想了解额外的时间从哪里来？有谁知道吗？

2.8s（加载3.55s）-原始代码
2.5 秒（加载 3.47 秒）- 在下拉列表周围放置 Not Page.IsPostback 检查
2.22 秒（加载：2.79 秒）- 在下拉列表中删除 11,000 多个收集站点，只在其中放入一个客户端名称，再加上一个用于缺少客户端选项的名称（顶部）

我不明白 Firebug Net 选项卡是如何添加的这些时间到了。它们加起来并不等于总时间。为什么会这样呢？额外的延迟从何而来？

356 ms
1   ms
1   ms
0   ms
2   ms
4   ms
5   ms
12  ms
4   ms
13  ms
24  ms
11  ms
12  ms
11  ms
13  ms
16  ms
11  ms
33  ms
20  ms
29  ms
12  ms
2   ms
2   ms
67  ms
9   ms
2   ms
2   ms
15  ms
2   ms
3   ms
16  ms
1   ms
1   ms
2   ms
1   ms
3   ms
6   ms
6   ms
5   ms
5   ms
1   ms
2   ms
=========
743 ms (total doesn't match ???)

上次更改后的代码：

    Public Overrides Sub BindNonViewstateLists()
        'bind the client name drop down list, and keep track of the old value
        'and whether or not it changed. Note that we will only use clients with
        'status in a configurable list. 

        If (Not Page.IsPostBack) Then
            'Dim clientDataTable As System.Data.DataTable = ApplicationContext.ClientManager.LoadAllForDDL(ApplicationContext.WorkflowConfig.WorkFlowDefinition("QuickDataEntry").GetSetting("ClientStatuses", "1"), "client.name", "client.identifyingnumber")
            'ApplicationContext.DropDownListHelper.BindDDL(DDLClientName, clientDataTable, "Text", "Value", String.Empty)
            Dim li As New ListItem("--- Client not available ---", CType(0, String))
            DDLClientName.Items.Insert(0, li)
            Dim li2 As New ListItem("Testing Client", CType(54321, String))
            DDLClientName.Items.Insert(1, li2)
        End If
...

Answer 1

据猜测，JavaScript（解压缩/解析/执行）正在阻塞 UI 线程。

尝试使用 dynaTrace AJAX 版本比 Firebug 更深入地了解一下

Answer 2

如果您加载下拉项的数据在回发之间没有变化。
仅当页面首次加载时，您才可以将数据加载到 dropdowno 中。

像这样的事情：

if(!IsPostback)
{
 // Load dropdown data
}

之后，下拉列表的内容将在回发之间保存在 ViewState 中。
这将减少回发后显示页面所需的时间。

还要考虑某种数据缓存。
我不知道您在下拉列表中加载的数据量有多大。
也许可以在应用程序级别缓存？