Вызов мутации Vuex занимает слишком много времени для загрузки контента, а также для изменения

Question

Приведенная ниже мутация Vuex занимает слишком много времени для загрузки содержимого, а также для его изменения.Что может быть причиной того, что это так медленно?

async fetchTopArticles({ commit }) {
    const articles = await WP.posts().embed().perPage(20)
    if (articles === null || articles.length === 0) {
      commit('setTopArticles', [])
      return []
    }
    commit('setTopArticles', articles)
    return articles
  },

Answer 1

На мой взгляд, проблема не в мутации, проблема в рендеринге.Возможно, вы пытаетесь визуализировать много HTML одновременно.

Сценарии в JS по сравнению с операциями в DOM очень быстрые, и я не вижу возможной проблемы с производительностью в вашем коде, поэтому я полагаю, что вы пытаетесь визуализировать много HTML.Чтобы проверить мою теорию, вы можете использовать быстродействующие инструменты разработчика Chrome и проверить, сколько времени занимает рендеринг и сколько времени занимает скриптинг.

Если проблема заключается в рендеринге, вы можете попробовать оптимизировать свой шаблон для отображения HTML или реализовать пейджинг.и отображать меньше постов на одной странице.