求优化。如何提高 前台加载速度。

后台代码不用优化,
从数据库取得100条数据,
嗖~~一下就走到最后一个end sub 了。

可接下来,前台遭殃了。。。

页面就一片空白,停顿了7,8秒,才把DB取得的数据,在页面上显示出来。

网页另存为,也只有1.4M左右,我觉得不是很大。

代码大概是这样。

VB.NET code

<asp:gridview id="grdNoukikaitouInput" runat="server" AutoGenerateColumns="False" TabIndex = "-1">
        <Columns>
           <asp:TemplateField HeaderText="<br>" HeaderStyle-Width="15px">
                <ItemTemplate>
                    <asp:CheckBox ID="cbxActionFlg" runat="server" />
                    <input type="hidden" id="chk" runat="server"/>
                    <input type="hidden" id="hidKousinFlg" runat="server" value=''/>
                </ItemTemplate>
            </asp:TemplateField>

            <asp:TemplateField HeaderText="<div class='cSkyInLineBottom PadAll divHeight'>◎</div><div class='cSkyInLineBottom PadAll divHeight'>◎</div><div class='PadAll divHeight'>◎№</div>" >
                <ItemTemplate>
                    <div class='cSkyInLineBottom PadAll divHeight'>
                        <asp:Label width="80px" ID="lblBuilderMei" runat="server" Text='<%# Bind("builder_mei") %>'> </asp:Label>
                        <input type="hidden" id="hidHaisouMeisaiNo" runat="server" value='<%# Eval("haisou_meisai_no") %>'/>
                        <input type="hidden" id="hidKousinDt" runat="server" value='<%# Eval("kousin_dt") %>'/>
                    </div>
                    <div class='cSkyInLineBottom PadAll divHeight'>
                        <asp:Label ID="lblHattyuusakiMei" runat="server"  Text='<%# Bind("hattyuusaki_mei") %>'> </asp:Label>
                    </div>
                    <div class='cSkyHidLineBottom PadAll divHeight'>
                        <asp:Label ID="lblHattyuusyoNo" runat="server"  Text='<%# Bind("hattyuusyo_no") %>'> </asp:Label>
                    </div>
                    <div class='PadAll divHeight'>
                    </div>
                </ItemTemplate>
                <ItemStyle HorizontalAlign="Left"/>
            </asp:TemplateField>
            
            <asp:TemplateField HeaderText="<div class='cSkyInLineBottom PadAll divHeight'>◎</div><div class='cSkyHidLineBottom PadAll divHeight'>◎</div><div class='PadAll divHeight'></div>" >
                <ItemTemplate>
                    <div class='cSkyInLineBottom PadAll divHeight'>
                        <asp:Label width="82px" ID="lblBukkenNo" runat="server" Text='<%# Bind("bukken_no") %>'> </asp:Label>
                    </div>
                    <div class='cSkyHidLineBottom PadAll divHeight'>
                    </div>
                    <div class='cSkyHidLineBottom PadAll divHeight'>
                        <asp:Label ID="lblTeiMei" runat="server"  Text='<%# Bind("tei_mei") %>'> </asp:Label>
                    </div>
                    <div class='PadAll divHeight'>
                    </div>
                </ItemTemplate>
                <ItemStyle HorizontalAlign="Left"/>
            </asp:TemplateField>


'此处省略若干雷同代码'此处省略若干雷同代码
'此处省略若干雷同代码'此处省略若干雷同代码
'此处省略若干雷同代码'此处省略若干雷同代码


<asp:TemplateField HeaderText="<div class='PadAll divHeight'>◎</div><div class='PadAll divHeight'>◎</div>" >
                <ItemTemplate>
                    <div class='PadAll divHeight'>
                        <asp:Label width="40px" ID="lblBukkenTantouMei1" runat="server" Text='<%# Bind("bukken_tantou_mei") %>'> </asp:Label>
                    </div>
                    <div class='PadAll divHeight'>
                        <asp:Label width="40px" ID="lblBukkenTantouMei2" runat="server" Text=''> </asp:Label>
                    </div>
                    <div class='PadAll divHeight'>
                        <asp:Label width="40px" ID="lblBukkenTantouMei3" runat="server" Text=''> </asp:Label>
                    </div>
                </ItemTemplate>
                <ItemStyle HorizontalAlign="Left"/>
            </asp:TemplateField>       
        </Columns>
        <HeaderStyle HorizontalAlign="Center" />
    </asp:gridview>

作者: wxylvmnn   发布时间: 2011-06-16

1.4M不算大? 内网啊?

作者: xs8577   发布时间: 2011-06-16

帮你顶。

作者: fiseasky   发布时间: 2011-06-16

你可以把显示出来的html代码另存为,然后丢到站点去测试,如果还是慢的就说明是你的hmtl的问题

作者: liuchaolin   发布时间: 2011-06-16

100条数据?

你怎么取的啊。

页面有大图片么?还是加载FLASH?

作者: wxr0323   发布时间: 2011-06-16

回楼上各位。

是内网,
没有图片,没有flash。
100条数据取得,就是一个简单的select from,没有优化点,后台优化已经排除。

作者: wxylvmnn   发布时间: 2011-06-16

gridview 出来的是table吧,table最大的缺点是加载完所有元素之后才显示,见意LZ用div输出

作者: liuchaolin   发布时间: 2011-06-16


那你找你们制作。。。再把HTML代码层次再简化一下。。。

作者: porschev   发布时间: 2011-06-16

改成DIV,那工程可大了··兄弟···

>那你找你们制作。。。再把HTML代码层次再简化一下。。。
没有那么细的分工,都是我们自己来。

作者: wxylvmnn   发布时间: 2011-06-16