Wie MDN die Such-Autovervollständigung implementiert

• Wenn Nutzer etwas suchen möchten, wird ein Index mit 11.690 Artikeltiteln heruntergeladen und die Suche lokal ausgeführt

→ Eine mit Brotli komprimierte 144-KB-JSON-Datei (title,url)

→ Der Download wird ausgelöst, wenn auf das Suchfeld onmouseover oder onfocus erfolgt oder irgendwo im Dokument / eingegeben wird und dies als Start einer Suche erkannt wird (Datendatei und Datei mit Suchfunktionen)

• Nach dem Herunterladen der Datendatei wird mit der Bibliothek FlexSearch ein Index aufgebaut und die UI mit downshift verarbeitet

→ FlexSearch: schnelle Full-Text-Suchbibliothek

→ downshift: Autovervollständigungs-Komponente für React

→ Welche Ergebnisse zuerst angezeigt werden, wird serverseitig beim Erstellen der JSON-Daten nach PV sortiert und anschließend in dieser Reihenfolge ausgegeben