Tengo una lista de libros y quiero almacenar datos en contra de cada libro, por ejemplo. Precio, Cantidad, ID, ID de categoría, tamaño, peso, etc.

Estaba buscando almacenar todo esto en el dominio extendiendo los elementos li que representan cada libro en la lista usando atributos de datos. Estos datos podrían ser utilizados directamente con javascript.

Sin embargo, he leído que el acceso a los atributos de datos es lento en el sentido de rendimiento. Además, puedo tener varias instancias del mismo libro, así que estoy un poco preocupado por la hinchazón en el html.

Una alternativa sería usar un objeto JS para almacenar datos para cada libro.

Entonces, mi pregunta es ¿cuál es la mejor práctica para almacenar datos en el frontend, DOM o Javscript?

Gracias por adelantado