Mam listę książek i chcę przechowywać dane w każdej książce, np. Cena, ilość, identyfikator, identyfikator, rozmiar, waga itp.

Zajmowałem się przechowywaniem tego wszystkiego w domenie, rozszerzając elementy li reprezentujące każdą książkę na liście za pomocą atrybutów danych. Dane te mogą być następnie wykorzystane bezpośrednio w javascript.

Czytałem jednak, że dostęp do atrybutów danych jest powolny w sensie wydajności. Ponadto mogę mieć wiele wystąpień tej samej książki, więc jestem trochę zaniepokojony o wzroście w html.

Alternatywą byłoby użycie obiektu JS do przechowywania danych dla każdej książki.

Więc moje pytanie brzmi: jaka jest najlepsza praktyka do przechowywania danych w interfejsie, DOM lub Javscript?

Z góry dziękuję