Chrome es lento cuando hay muchas entradas

En nuestro proyecto MVC5, hay una página donde el usuario puede verificar múltiples activos. Cada activo se representa por checkbox y nombre.

Cuando hay una gran cantidad de activos (alrededor de 800-1000) Chrome se vuelve extremadamente lento. Incluso, a veces, se muestra el mensaje de que “la página no es responsable”.

Se ve así: – la página se representa parcialmente y se fija en DIV con casillas de verificación – luego hay un retraso de 30-40-50 segundos. A veces, el mensaje de error – DIV con casillas de verificación procesadas y el rest de la página representada también

En FF e IE está bien.

Gracias por adelantado

Estoy de acuerdo en que no es una buena experiencia de usuario, pero en la etapa actual necesito resolver este problema. Aquí está el marcado (este div está nested en 4 niveles):

@for (int i = 0; i < Model.Items.Count; i++) { @{var cid = Guid.NewGuid().ToString();} @Html.HiddenFor(m => Model.Items[i].Id) @Html.CheckBoxFor(m => Model.Items[i].Selected, new { id = cid })
}

El mismo problema con Safari, sospecho un error de webkit. Cualquier página con cientos o miles de campos de entrada será muy lenta de navegar o editar.

Consulte ¿Por qué Safari Mobile tiene problemas para manejar muchos campos de entrada en iOS 8?

Tenemos una página con algunas tablas con 300 filas, cada fila tiene varias celdas y cada celda es editable (entrada).

La solución dada en el enlace anterior funciona muy bien.

Podría intentar usar javascript para esto, donde todo está en texto plano con atributos de datos y al hacer clic, el elemento de entrada se agrega temporalmente, el elemento de entrada toma la entrada, lo envía al servidor (o lo guarda en indexeddb para asincronizar usando un servicio trabajador) y se elimina o espera la siguiente entrada.

 data 

Parece que Chrome no usa tags de cierre para el marcado desplegable de casillas de verificación, lo que de alguna manera obliga a realizar verificaciones internas adicionales del navegador y, como resultado, renderizar páginas lentas en comparación con los navegadores IE y FF (que usan tags de cierre). Para evitar la carga lenta de Chrome debido a las tags
, puede usar abrir y cerrar

lugar y acelerar un poco la página, pero no estoy seguro de si elementos pueden reemplazarse de alguna manera.