Recargando elementos del DOM. Buscando la manera eficiente.

[Pantaláimon]

Buenas,

Tengo un tag contenedor ul en el cual se incorporaran dentro varios tags li en función de una petición ajax. Según la petición habrá menos o más tags de tipo li.

En aras de la eficiencia tengo un array en memoria donde pienso guardar estos elementos li. Pongo un ejemplo:

- Al principio tengo un array nodos con 0 elementos.
- Hago una petición ajax que me devuelve un array de 20 objetos. Con lo cual, creo 20 elementos li, les inserto los datos correspondientes y los guardo en el array nodos y después los añado al elemento ul.
- Hago una petición ajax que me devuelve un array de 30 objetos. Con lo cual alargo el array nodos hasta tener 30 elementos li. Luego los relleno con los datos correspondientes y los anido al elemento ul en el DOM
-Hago una petición ajax que me devuelve 10 objetos. Con lo cual, relleno los 10 primeros elementos del array nodos con los datos correspondientes y luego los anido al elemento ul en el DOM.

Me gustaría saber si lo estoy haciendo bien o hay maneras mejores de interactuar con el DOM.

Un saludo!