MDN में search autocomplete लागू करने का तरीका

• जब उपयोगकर्ता कुछ search करने की कोशिश करता है, तो 11,690 लेख शीर्षकों का index डाउनलोड करके local search चलाया जाता है

→ Brotli से compressed 144KB की JSON file (title,url)

→ search box पर onmouseover, onfocus होने पर, या पूरे document में '/' इनपुट होने पर इसे search की शुरुआत मानकर file डाउनलोड की जाती है (data file और search function file)

• data file डाउनलोड करने के बाद FlexSearch library से index बनाया जाता है और downshift से UI handle किया जाता है

→ FlexSearch : तेज full-text search library

→ downshift : React के लिए autocomplete component

→ कौन-सा result पहले दिखेगा, यह server पर JSON data बनाते समय PV के अनुसार sort करके तय किया जाता है, और उसी क्रम में दिखाया जाता है