Cómo implementa MDN el autocompletado de búsqueda

• Cuando el usuario intenta buscar algo, descarga un índice de 11,690 títulos de artículos y realiza la búsqueda de forma local

→ Un archivo JSON de 144 KB comprimido con Brotli (title,url)

→ Cuando ocurre onmouseover, onfocus en la caja de búsqueda, o cuando se ingresa / en cualquier parte del documento, se reconoce como inicio de búsqueda y se descarga el archivo (el archivo de datos y el archivo de funciones de búsqueda)

• Después de descargar el archivo de datos, construye el índice con la biblioteca FlexSearch y maneja la UI con downshift

→ FlexSearch: biblioteca rápida de búsqueda de texto completo

→ downshift: componente de autocompletado para React

→ Qué resultados se muestran primero se determina ordenándolos en el servidor según el PV al construir los datos JSON, y luego aparecen siguiendo ese orden