Search: Typing lag when entering queries in the search toolbar

[agramner]

What does not work as described in the documentation?
This is not a major problem, just a bit annoying.

On the People-page, when there are many people in the list, typing in the search box is slow. It's fast when there are few people, for example after searching on a first name to narrow down the result. Tried both Firefox and Chrome on OSX, Windows and Android.

I currently have 320 people in the list and all the people are loaded when opening the People-page

How can we reproduce it?
Steps to reproduce the behavior:

1. Go to 'People' page
2. Click in the search input box
3. Start typing

What behavior do you expect?
I think typing should be super fast no matter how many people there are in the list because "nothing" is done until the user presses Enter key

What could be the cause of your problem?
I don't know Vue but can it have something to do with the how the "v-model" on the search box works? Something seems to cause a lot of computation on text input.

Can you provide us with example files for testing, error logs, or screenshots?
Nothing is written to the Console log of the browser

Which software versions do you use?

• PhotoPrism Architecture & Build Number (AMD64, ARM64, ARMv7,...): AMD64, 220121-2b4c8e1f-Linux-x86_64
• Database Type & Version (MariaDB, MySQL, SQLite,...): MySQL
• Operating System Types & Versions (Linux, Windows, Android,...): OSX
• Browser Types & Versions (Firefox, Chrome, Safari on iPhone,...): Firefox, Chrome, Safari...

On what kind of device is PhotoPrism installed?

• Device / Processor Type (Raspberry Pi 4, Intel Core i7-3770, AMD Ryzen 7 3800X,...): Intel Core i5-8400T
• Physical Memory & Swap Space (in GB): 8 GB, Swap 1 GB
• Storage Type (HDD, SSD, RAID, USB, Network Storage,...): NVME SSD

[lastzero]

Yeah, so 320 people is definitely much more than this was designed for. The list of people is searched via JavaScript and updated while you type. I would assume that facial recognition is also getting slow with that many people/faces.

[agramner]

I understand. So it's suppose to update while typing? It doesn't, it only updates when pressing enter for me

[lastzero]

Yes, it's supposed to work like that - of course it could be optimized, but we don't have a lot of resources. Pull request welcome!

[agramner]

Ok, maybe I'll look into it when I have some time over

[agramner]

Investigated this and seems like the 2-way-binding (v-model) seem to cause a lot of components to be re-rendered each time you type a letter in the search box. Tried to change v-model to use only @input and that fixed to problem. Don't know Vue (I work with React), how do you avoid "everything" to be re-rendered each time some data change?

[ppprism]

Just an addition: same holds true for searching in the 'Albums' section (and probably others like 'Labels').