Ich habe eine Bücherliste und möchte Daten für jedes Buch speichern, z. Preis, menge, id, catergory id, größe, gewicht etc.

Ich habe versucht, all dies im dom zu speichern, indem ich die li-Elemente, die jedes Buch in der Liste darstellen, mithilfe von Datenattributen erweiterte. Diese Daten könnten dann direkt mit Javascript genutzt werden.

Ich habe jedoch gelesen, dass der Zugriff auf Datenattribute in Bezug auf die Leistung langsam ist. Außerdem kann ich mehrere Instanzen desselben Buches haben, daher bin ich ein wenig besorgt über das Aufblähen im HTML-Code.

Eine Alternative wäre die Verwendung eines JS-Objekts zum Speichern von Daten für jedes Buch.

Meine Frage ist also, was die beste Vorgehensweise zum Speichern von Daten im Frontend, DOM oder Javscript ist.

Danke im Voraus