Como a MDN implementa o autocomplete de busca

• Quando o usuário tenta pesquisar algo, o índice com 11.690 títulos de artigos é baixado para realizar a busca local

→ Arquivo JSON de 144 KB compactado com Brotli (title,url)

→ Ao passar o mouse sobre o campo de busca, ao focá-lo, ou ao digitar '/' em qualquer parte do documento, isso é reconhecido como início da busca e o arquivo é baixado (arquivo de dados e arquivo da função de busca)

• Depois de baixar o arquivo de dados, o índice é construído com a biblioteca FlexSearch e a UI é tratada com downshift

→ FlexSearch: biblioteca rápida de busca full-text

→ downshift: componente de autocomplete para React

→ Quais resultados aparecem primeiro é definido no servidor ao montar os dados JSON, ordenando por PV, e eles são exibidos nessa ordem