laggy after load external page into accordion

Question

0.00/5 (No votes)

See more:

I'm using accordion control, and the content of each accordion is the same. i cannot build the accordion at HTML, because the amount of accordion is control by the row of records from database. (at this example, i'll take 8 records)

the code would be very long and hard to maintenance if i build the content of the accordion(template) by using code behind, so i create a new page (accordionTemplate.aspx) and load it into each accordion on page load.

C#

for(int i=0; i<9;i++)
{
   WebRequest request = HttpWebRequest.Create("http://sampleOnly.com/accordionTemplate.aspx?id=" + i.ToString() + "");

    WebResponse resonse = request.GetResponse();

    StreamReader srReader = new StreamReader(resonse.GetResponseStream());

    string HTML = srReader.ReadToEnd();
    LiteralControl objControl = new LiteralControl(HTML);

    AccordionPane paneIE = new AccordionPane();
    paneIE.ID = i.ToString();
    paneIE.HeaderContainer.Controls.Add("Title");
    paneIE.ContentContainer.Controls.Add(objControl);

    AccordionPane1.Controls.Add(paneIE);
}

my HTML:

ASP.NET

<asp:Accordion ID="Accordion2" runat="server" SelectedIndex="-1" RequireOpenedPane="false">
   <Panes>
      <asp:AccordionPane ID="AccordionPane1" runat="server">
      </asp:AccordionPane>
   </Panes>
</asp:Accordion>

the example above is working, but the only issue is that my page become very laggy while im scrolling within the page or expand or accordion. any solution for this?

Posted 8-Sep-14 23:09pm

melvintcs

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Nathan Minier · Answer 1 · 2014-09-09T03:08:00

You're creating a web request for every single record that you're querying, you're creating and not disposing unmanaged resources, all your data fetching is being done on the server side. It's not surprising that you're seeing hard lag.

Your primary issue is this: your code behind runs on the server and so every time you trigger that accordion you are:

Sending a request to the server.
Having the server send 9 synchronous web requests...to itself. But since it's using DNS it has to go out to the world to talk to itself.
Perform whatever operations are requested for the data and stream it back to itself. At least it should only have to go to the closest managed switch or router to get back to itself this time.
Run the information that it just web requested from itself into your AccordionPane control.
Render and send back to the client

if you still need them after refactoring

C#

WebRequest request = HttpWebRequest.Create("http://sampleOnly.com/accordionTemplate.aspx?id=" + i.ToString() + "");
using(WebResponse resonse = request.GetResponse())
{
    using(StreamReader srReader = new StreamReader(resonse.GetResponseStream()))
    {
        //Capture stream data and format control here
    }
}