У меня есть список книг, и я хочу сохранить данные для каждой книги, например, Цена, количество, id, catergory id, размер, вес и т. Д.

Я хотел сохранить все это в dom, расширив элементы li, представляющие каждую книгу в списке, используя атрибуты данных. Эти данные затем могут быть использованы непосредственно с JavaScript.

Однако я прочитал, что доступ к атрибутам данных является медленным в смысле производительности. Кроме того, у меня может быть несколько экземпляров одной и той же книги, поэтому я немного разбираюсь в раздутии в html.

Альтернативой может быть использование объекта JS для хранения данных для каждой книги.

Итак, мой вопрос: какова наилучшая практика для хранения данных в веб-интерфейсе, DOM или Javscript?

заранее спасибо