Best strategies for showcasing static content on an ASP.NET webpage

I have a webpage on my ASP.NET site that currently displays around 3000 records. The number of records has grown significantly since the original code was written several years ago. This page also utilizes jQuery.

The layout of the page consists of a table format with the first column displaying an image (pulled from the webserver location), followed by Item Group and then Item numbers. The HTML for this layout is generated dynamically when users navigate to the page.

Due to the increasing number of records, the page's rendering speed has slowed down significantly.

To address this issue, I am considering rewriting the logic. Since the information displayed on the page remains constant, one potential solution is to store the information as HTML and simply display the pre-generated HTML when users access the page. Are there any alternative suggestions aside from using HTML for improving performance?

I would greatly appreciate any recommendations or best practices for optimizing the performance of this page.

c#jqueryhtmlcss.net-2.0

Answer №1

You have identified that the "page is loading slowly due to an increase in the number of records," prompting you to cache the HTML generated on the server and serve the cached version upon request.

It's important to note that various issues could be causing the bottleneck leading to slow rendering: Request delays (DNS lookups), server performance (database access, HTML generation), network response times, and HTML rendering inefficiencies.

Before diving into optimizing a specific aspect of the application, it's vital to pinpoint where the actual bottleneck lies.

I suggest utilizing the Timeline feature in Chrome developer tools to diagnose the exact bottleneck area.

My hunch is that either the response download time is prolonged (consider compressing the response) or the HTML rendering process is causing the delay. However, without proper analysis tools, this remains merely a speculation.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Show error messages from HTML 5 Validation using a software program

Is it possible to manually trigger the HTML 5 validation message using code? As far as I can tell, there isn't a straightforward way to do so directly. However, it seems we can prompt this message by simulating a click on the submit button. I attempt ...

javascriptjqueryhtmlvalidation

Switching Between Background Images in Angular

Looking to change the background-image of an element upon clicking it. Currently, this is what's in place: <div class="item-center text-center" toggle-class="active cable"> <div class="quiz-background"></div> <p class="size ...

javascriptcssangularjs

Error: Unable to perform the function 'push' on 'data' as it is

I am attempting to add new data info.push({"country": "IN"}); to a JSON string as a new identifier and value. Unfortunately, I encounter the following error: Uncaught TypeError: info.push is not a function data{"name":"ananta","age":"15"} Thank you in ...

javascriptjqueryjson

Creating a gap between two elements without using the space-between property

Currently working on creating a responsive menu, <div style={{ display: "flex", flexFlow: "row wrap" }}> {/* left side */} <div key="1">nav 1</div> <div key="2">n ...

htmlcssflexboxresponsive

The arrow key navigation in Javascript is not functioning properly for input fields within AJAX-loaded content

I am encountering an issue with the Javascript code on Ajax-loaded content. My form consists of multiple inputs that are loaded using the following Ajax code: function listfetch(typeval) { var shopid = document.getElementById("shopid").value; $.aja ...

javascriptjqueryajax

How can I dynamically set the colspan of a jQuery datatable when the column show hide function is triggered?

I am using a JQuery hide/show function to hide columns. Can someone please advise me on how to set the colspan for a table header? Here is my function: $(function () { $('.showHidecols').live('click', function () { var oT ...

jquerydatatableshowhtml-tableshow-hide

Achieving a floating audio layout on a webpage using CSS

Attempting to align all three audio elements to the right using CSS has been a challenge. I can't seem to figure out what I'm doing wrong. I've tried changing the 'audio' selector to .audio and #audio, as well as renaming it to &a ...

htmlcss

Leveraging the HTTP PUT method in ASP.NET WebForms

As a newcomer to ASP.NET and embracing statelessness, I have been immersing myself in understanding the concepts. With that being said.... I am currently working with a third-party API that utilizes restful webservices to modify/view data. After figuring ...

c#asp.netwebformshttp-put

Adjust website layout for screens less than 320px in width

Struggling to complete my project and having trouble figuring out how to scale my website for screens smaller than 320px, even though they are rare. I admire the solution used by Apple where the website freezes and scales down while maintaining its origin ...

htmlcssresponsive-designresponsiveviewport

Converting a variety of form fields containing dynamic values into floating point numbers

Trying to parse the input fields with a specific class has presented a challenge. Only the value of the first field is being parsed and copied to the other fields. https://i.stack.imgur.com/QE9mP.png <?php foreach($income as $inc): ?> <input ty ...

javascriptjquery

Can the inclusion of jQuery on a webpage lead to Selenium CSS selectors malfunctioning when utilizing the contains feature?

Currently, we are utilizing Selenium 1.0.1 for testing our web application by employing css and xpath selectors. In our experience, css selectors tend to be more reliable and function seamlessly in both FireFox and IE. However, on February 24th, a glitch a ...

c#cssinternet-explorerfirefoxselenium

In CGI (C code), obtaining the QUERY_STRING is not a straightforward task

Currently, I am utilizing a lighttpd server and endeavoring to create a sample CGI in C that returns an HTML to the server. The AJAX call for the CGI looks like this: <head> <meta http-equiv="Content-Type" content="text/html; cha ...

htmlcajaxcgilighttpd

Image not being shown by ng-src

I'm struggling to get my picture to display using ng-src. <img ng-src="http://localhost:3000/images/{{image.image}}" class="img-circle" alt="User" style="width: 130px; height: auto;"> Although the data is present when I console log this: ...

htmlangularjsmean-stack

Request queuing using jQuery with a time delay

I have a form that allows users to send messages on a forum. Using jQuery $.ajax post request, these messages are sent every 35 seconds as per the Security Policy Forum. In this form, I input the name of the user and the text for the message in the corres ...

jqueryajaxqueue

Performing an AJAX call every half-hour using JavaScript

I am looking to implement an ajax request every 30 minutes using JavaScript. Specifically, for the user currently logged in, I aim to retrieve any notifications that have a start date matching the current time. These notifications are set by the user with ...

javascriptjqueryajaxasp.net-mvcmomentjs

Please rewrite the following sentence: "I am going to the store to buy some groceries."

As I navigate through my styled HTML page, an interesting sequence of events unfolds. When the Create New List button is clicked, a pink div emerges, contrasting with the orange hue of the All Lists div. At this moment, a new user has joined but hasn' ...

javascriptphphtmljquerycss

The form is not registering keypress events

Currently facing an issue with this piece of code: <form> <div class="searchBarDiv"> <input class="searchBar" id="search" type="search" placeholder="Search" onkeypress="search();"> </div> </form> The search(); fun ...

javascriptjqueryhtmlcordova

Creating a specialized JSON file for populating a Datatable

Currently, I am in the process of creating a DataTable using an Ajax json feed. resultTable = $('#changeTable').DataTable({ "order": [[0, "desc"]], "pageLength": 50, "scrollX": true, "lengthMenu":[ ...

javajqueryjsondatatable

Empty data is received from a Jquery post request

My cinema project, developed using java servlets and jquery, has been running smoothly until today. I am facing an issue with one crucial post request to my servlet - I can trigger it, but I am unable to retrieve the returned data. Here is the code snippet ...

jqueryajaxservlets

Yet another instance of jQuery AJAX failing to properly handle POST parameters

I've searched through various similar scenarios online, but none of them provided a solution to my issue. Could you please review my code: JavaScript: $.ajax({ type: 'POST', url: 'alarmInfo.aspx', data ...

asp.netajaxjqueryget