javascript - Slow page render due to checkboxs -

i have .aspx webpage requires upto 500ish records db displayed along checkbox each. having issues whereas page takes 15 seconds render.

i added stopwatch pageload event, finishes , response.writes page after approx 4.7 seconds . have further 10 second wait while rest of page (namely checkboxs) rendered.

originally checkboxs button , has no noticeable rendering time after pageload.

foreach (datarow dr in dtscheduledvisits.rows) {    ...    results.append("<tr>");    results.append("<td> <input type='checkbox'> </td>");    results.append("<td>" + fullname + "</td>");    results.append("</tr>");    ... } lblresults.text = results.tostring(); 

on mainmaster page have referenced:

<script src="js/icheck.js"></script> <!-- custom checkbox + radio --> 

thank help.

i'm afraid volume of markup take time render.

you might not able improve actual rendering time much, perhaps improve perceived rendering time.

personally render 50 checkboxes on initial page load, rest either on domcontentloaded (when initial html rendered) or when user clicks load more button.