带有预览的自动完成搜索:我是否应该预先加载所有产品并且仅在前端搜索?

问题描述

我正在使用Laravel和Vue构建一个搜索机制,其中显示一个面板,显示您键入时每个产品的缩略图。因此,只要您输入三个以上的字母,每个字母都会异步更新该列表。

我的问题是:我应该预加载所有结果,并且只在前端处理此列表吗?会更快吗?

最大的问题是,如果我对键入过程进行去抖动,例如仅搜索0.5s,由于最新列表似乎“缓慢”,因此UX会受到一些损害。因此,预先加载所有结果可能是一个好主意,但是,为此目的将数千条记录转储到Vuex甚至有意义吗?

解决方法

我建议您不要一次提取您在Vuex中的所有记录。您可以以这种方式使用反跳,使其立即执行,然后再按下0.5秒再触发搜索。也可以将查询发送到您的后端,并使其达到Elasticsearch索引。