Эффективность локального хранилища в javascript

Question

Так что я в основном хочу создать блог-пост, на котором вы можете публиковать в основном текст, используя страницу, и иметь другую страницу для показа этих сообщений.Я хочу использовать локальное хранилище, чтобы сохранить заголовок и текст сообщения (или статьи) как объект.Мой вопрос заключается в том, насколько эффективно это будет, если браузер должен загружать как 100 объектов (статей) или более.

Альтернативным способом является сохранение статей в виде локальных файлов внутри веб-сервера, а затем их загрузка.оттуда.

Любые другие идеи о том, как сделать систему постов блога?

  // const posts = [
  //   {title: "Post One", body: "This is post one"},
  //   {title: "Post Two", body: "This is post two"}
  // ];

  const posts = [
    // {title: "", body: ""}
  ];

  let name = "obj" + 7;

  var localObj = JSON.parse(localStorage.getItem(name));
  posts.push(localObj);

  var article = document.getElementById('post');

  function getPosts(){
    let output = "";
    posts.forEach((post, index) => {
      output += `<article><h1>${post.title}</h1><p>${post.body}</p></article>`
    });
    article.innerHTML = output;
  }

  getPosts();

  console.log(localStorage);