Eu tenho uma lista de livros e quero armazenar dados em cada livro. Preço, quantidade, id, catergory id, tamanho, peso etc.

Eu estava olhando para armazenar tudo isso no dom, estendendo os elementos li representando cada livro na lista usando atributos de dados. Esses dados podem ser utilizados diretamente com o javascript.

No entanto, li que o acesso a atributos de dados é lento no sentido do desempenho. Além disso, eu posso ter várias instâncias do mesmo livro, então estou um pouco preocupado com o inchaço no html.

Uma alternativa seria usar um objeto JS para armazenar dados para cada livro.

Então, minha pergunta é qual é a melhor prática para armazenar dados no frontend, DOM ou Javscript?

desde já, obrigado