UpdatePanel - Problèmes de performances
:salut:
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:
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> |
:merci: d'avance pour votre aide.