UpdatePanel - Problèmes de performances

**Franck.H** · 10/02/2017, 11h36

Sur un programme que je développe, j'ai une page qui regroupe beaucoup de données, graphiques, tableaux et champs de saisies.
Lorsque je clique par exemple sur le bouton pour modifier les conclusions qui se trouvent dans un FormView, il faut 16 secondes au programme pour changer d'état ce qui est trop énorme.

La page mixe ASP.Net et jQuery.
La structure est basée essentiellement sur des onglets jQuery donc chaque zone de contenu contient un UpdatePanel avec l'UpdateMode en conditionnel.

La requête elle-même est rapide, il faut juste charger le contenu de quatre zones de textes.

Si jamais il y a possibilité d'optimiser tout ça j'aimerais bien savoir comment.
Voici la structure globale du fichier (je n'ai pas mis le fichier complet car il est trop gros):

Code aspnet :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="SystemeTraitement.aspx.vb"
    Inherits="SystemeTraitement" MasterPageFile="MasterPage.master" %>
 
<%@ Register Src="~/Controles/ucFiltres.ascx" TagPrefix="uc1" TagName="ucFiltres" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <link href="Css/Main.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    </script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </ajaxToolkit:ToolkitScriptManager>
    <div id="dialog-chargement" title="Exportation">
        <p>
            Chargement en cours, veuillez patienter..
        </p>
        <br />
        <br />
        <br />
        <div class="dialog_icon_pos">
            <img src="Images/loading.gif" alt="Chargement en cours..." />
        </div>
    </div>
    <div id="dialog-confirm-dest-boues" title="Message...">
        <p>
            L'enregistrement a été effectué avec succés.
            <br />
            <br />
            <b>ATTENTION : </b>Il faut revalider les données modifiées !
        </p>
    </div>
    <h1>
        Bilan annuel sur le système de traitement</h1>
    <script type="text/javascript">
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(DatePicker);
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(Tabs);
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(Accordeons);
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(TriggerChangeTextBoxDestBoues);
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(ButtonSaveDestBoues);
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(DialogAuto);
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(ReadCookies);
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(GestionDGDeversements);
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(DeclencheursDialogChargement);
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(DialogChargement);
 
        $(document).ready(function () {
            TriggerChangeTextBoxDestBoues();
            ButtonSaveDestBoues();
            DialogAuto();
            ReadCookies();
            GestionDGDeversements();
            DeclencheursDialogChargement();
            DialogChargement();
        });
		...
    </script>
    <asp:UpdatePanel runat="server" ID="upFiltre" UpdateMode="Conditional">
        <ContentTemplate>
            <uc1:ucFiltres runat="server" ID="ucFiltres" AfficherOuvrage="True" AfficherAnnees="True" />
        </ContentTemplate>
    </asp:UpdatePanel>
    <br />
    <div id="tabs" class="tabs">
        <ul>
            <li><a href="#tab-bilan-volumes-eau">Bilan volumes d'eau</a></li>
            <li><a href="#tab-bilan-pollution">Bilan pollution traitée, regetée</a></li>
            <li><a href="#tab-bilan-boues">Bilan boues, sous-produits, apports</a></li>
            <li><a href="#tab-bilan-energie-reactifs">Bilan énergie et réactifs</a></li>
            <li><a href="#tab-faits-marquants">Faits marquants</a></li>
            <li><a href="#tab-deversements">Déversements consécutifs aux faits</a></li>
            <li><a href="#tab-recap">Récapitulatif du fonctionnement et de la conformité</a></li>
            <li><a href="#tab-synthese">Synthèse du suivi métrologique</a></li>
            <li><a href="#tab-conclusions">Conclusions</a></li>
        </ul>
        <div id="tab-bilan-volumes-eau" class="div_hauteur">
            <asp:UpdatePanel ID="upVolumesEau" runat="server" UpdateMode="Conditional">
                <ContentTemplate>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
        <div id="tab-bilan-pollution" class="div_hauteur">
            <asp:UpdatePanel ID="upBilanPollution" runat="server" UpdateMode="Conditional">
                <ContentTemplate>
                    <div id="accordion" class="accordions">
                        <h3></h3>
                        <div class="div_hauteur">
                            <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
                                <ContentTemplate>
                                </ContentTemplate>
                            </asp:UpdatePanel>
                        </div>
                        <h3></h3>
                        <div class="div_hauteur">
                            <div id="accordionPollutionSortant" class="accordions">
                                <h3></h3>
                                <div class="div_hauteur">
                                    <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
                                        <ContentTemplate>
                                        </ContentTemplate>
                                    </asp:UpdatePanel>
                                </div>
                                <h3></h3>
                                <div class="div_hauteur">
                                    <asp:UpdatePanel ID="UpdatePanel3" runat="server" UpdateMode="Conditional">
                                        <ContentTemplate>
                                        </ContentTemplate>
                                    </asp:UpdatePanel>
                                </div>
                                <h3></h3>
                                <div class="div_hauteur">
                                    <asp:UpdatePanel ID="UpdatePanel4" runat="server" UpdateMode="Conditional">
                                        <ContentTemplate>
                                        </ContentTemplate>
                                    </asp:UpdatePanel>
                                </div>
                                <h3></h3>
                                <div class="div_hauteur">
                                    <asp:UpdatePanel ID="UpdatePanel5" runat="server" UpdateMode="Conditional">
                                        <ContentTemplate>
                                        </ContentTemplate>
                                    </asp:UpdatePanel>
                                </div>
                            </div>
                        </div>
                    </div>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
        <div id="tab-bilan-boues" class="div_hauteur">
            <asp:UpdatePanel ID="upBilanBoues" runat="server" UpdateMode="Conditional">
                <ContentTemplate>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
        <div id="tab-bilan-energie-reactifs" class="div_hauteur">
            <asp:UpdatePanel ID="upEnergieReactifs" runat="server" UpdateMode="Conditional">
                <ContentTemplate>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
        <div id="tab-faits-marquants" class="div_hauteur">
            <asp:UpdatePanel ID="upFaitsMarquants" runat="server" UpdateMode="Conditional">
                <ContentTemplate>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
        <div id="tab-deversements" class="div_hauteur">
            <asp:UpdatePanel ID="upDeversements" runat="server" UpdateMode="Conditional">
                <ContentTemplate>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
        <div id="tab-recap" class="div_hauteur">
            <asp:UpdatePanel ID="upRecap" runat="server" UpdateMode="Conditional">
                <ContentTemplate>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
        <div id="tab-synthese" class="div_hauteur">
            <asp:UpdatePanel ID="upSynthese" runat="server" UpdateMode="Conditional">
                <ContentTemplate>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
        <div id="tab-conclusions" class="div_hauteur">
            <asp:UpdatePanel ID="upConclusions" runat="server" UpdateMode="Conditional">
                <ContentTemplate>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
    </div>
</asp:Content>

d'avance pour votre aide.

**Dokho1000** · 13/02/2017, 16h59

Difficile de dire juste en voyant le code client mais le problème principal c'est que meme si tu as mis différent updatepanel du coté serveur l'ensemble de le page est reconstitué.
Quel est la taille de ton viewstate ? Est-il nécessaire ?

Tu peux p-e passer par un handler (ashx) afin d'éviter au serveur de reconstruire un graphique ou autre qui prendrait trop de temps et ne récupérer que le strict nécessaire via un post ajax...

UpdatePanel - Problèmes de performances

ASP.NET

Discussions similaires

Partager

Partager