Jquery autocomplete

Question

के प्रदर्शन में सुधार करने के लिए कैसे मैं साइट के लिए jquery स्वत: पूर्ण का उपयोग करने की योजना बना रहा था और एक परीक्षण संस्करण लागू किया है। मैं अब प्रत्येक चरित्र इनपुट के लिए तारों की एक नई सूची पुनर्प्राप्त करने के लिए एक AJAX कॉल का उपयोग कर रहा हूँ। समस्या यह है कि नई सूची आबादी से पहले 1.5 गुना धीमी हो जाती है। स्वतः पूर्ण करने का सबसे अच्छा तरीका क्या है? मैं केकफ़्पी का उपयोग कर रहा हूं और बस एक खोज कर रहा हूं और 10 वस्तुओं की सीमा के साथ।

Answer 1

This article - कैसे flickr स्वत: पूर्णता बहुत अच्छी पढ़ी जाती है। मेरे पास पढ़ने के कुछ "वाह" अनुभव थे।

"यह विजेट प्रदर्शन के इस स्तर को पाने के लिए एक 200 मि.से तहत में अपने संपर्कों, जावास्क्रिप्ट में के सभी की सूची, (यह भी 10,000+ संपर्कों के साथ सदस्यों के लिए सच है)। डाउनलोड करता आदेश में , हमें पूरी तरह से पर पुनर्विचार करना था कि हम ग्राहक को सर्वर से डेटा कैसे भेजते हैं। "

Answer 2

इस मामले में गति के लिए वास्तविक समस्या मुझे विश्वास है कि डेटाबेस पर क्वेरी चलाने के लिए समय लगता है। यदि आपकी क्वेरी की गति में सुधार करने का कोई तरीका नहीं है तो हो सकता है कि आपकी खोज को विस्तारित करने के लिए कुछ अधिक रैंकिंग परिणामों के साथ अधिक आइटम शामिल करें, आप प्रत्येक दूसरे चरित्र को एक खोज कर सकते हैं और क्लाइंट साइड पर 20-30 परिणामों के माध्यम से फ़िल्टर कर सकते हैं।

यह प्रदर्शन की उपस्थिति में सुधार कर सकता है, लेकिन 1.5 सेकंड पर, मैं पहले क्वेरी की गति में सुधार करने की कोशिश करता हूं।

इसके अलावा, यदि आप हमें कुछ और जानकारी दे सकते हैं तो मैं आपको एक और विशिष्ट उत्तर देने में सक्षम हो सकता हूं।

शुभकामनाएं!

Answer 3

1.5-सेकंड अंतराल स्वत: पूर्ण सेवा प्रदान करने के लिए बहुत व्यापक अंतराल हैं।

1. सबसे पहले अपनी क्वेरी और डीबी कनेक्शन अनुकूलित करें। मेमोरी कैशिंग के साथ अपने डीबी कनेक्शन जीवित रखने का प्रयास करें।
2. परिणाम कैशिंग विधियों का उपयोग करें यदि आपकी सेवा का पुन: प्राप्त करने को अनदेखा करने के लिए अत्यधिक उपयोग किया जाता है।
3. क्लाइंट पर पुराने अनुरोधों को रखने के लिए क्लाइंट कैश (एक जेएस सूची) का उपयोग करें। यदि उपयोगकर्ता वापस टाइप करता है और मिटा देता है, तो यह उपयोगी होगा। परिणाम बैकएंड पॉइंट के बजाय फ्रंटएंड कैश से आएंगे।
4. क्लाइंट पक्ष पर रेगेक्स फ़िल्टरिंग महंगा नहीं होगा, आप इसे एक मौका दे सकते हैं।

Answer 4

कुछ अनुकूलन करने से पहले आपको पहले विश्लेषण करना चाहिए कि बोतल-गर्दन कहां है। यह जानने का प्रयास करें कि प्रत्येक चरण कितनी देर तक (इनपुट → अनुरोध → डीबी क्वेरी → प्रतिक्रिया → प्रदर्शन) लेता है। शायद केकेपीएचपी कार्यान्वयन में देरी हो रही है कि प्रत्येक चरित्र में प्रवेश न करें।

Answer 5

PHP/SQL पर सर्वर पक्ष धीमा है।

PHP/SQL का उपयोग न करें। मेरा स्वत: पूर्ण सी ++ पर लिखा गया है, और लुकअप करने के लिए हैशटेबल्स का उपयोग करता है। प्रदर्शन here देखें।

यह सेलेरॉन-300 कंप्यूटर, फ्रीबीएसडी, अपाचे/फास्टसीजीआई है।

और, आप देखते हैं, विशाल शब्दकोशों पर तेज़ी से चलता है। 10,000,000 रिकॉर्ड एक समस्या नहीं है।

इसके अलावा, प्राथमिकताओं, गतिशील अनुवादों और अन्य सुविधाओं का समर्थन करता है।

Answer 6

स्वत: पूर्ण स्वतः धीमा नहीं है, हालांकि आपका कार्यान्वयन निश्चित रूप से हो सकता है। पहली चीज़ जो मैं जांचूंगा वह आपके देरी विकल्प का मूल्य है (jQuery दस्तावेज़ देखें)। इसके बाद, मैं आपकी क्वेरी जांचूंगा: आप केवल 10 रिकॉर्ड वापस ला रहे हैं, लेकिन क्या आप उन 10 रिकॉर्ड प्राप्त करने के लिए एक विशाल टेबल स्कैन कर रहे हैं? क्या आप डेटाबेस से रिकॉर्ड में एक टन वापस संग्रह में ला रहे हैं और फिर डेटाबेस पर सर्वर-साइड पेजिंग करने के बजाय संग्रह से 10 आइटम ले रहे हैं? एक साधारण सूचकांक मदद कर सकता है, लेकिन आपको सुनिश्चित करने के लिए कुछ परीक्षण करना होगा।

Answer 7

फ्लाई पर क्वेरी करने के बजाय अपनी सूची ऑब्जेक्ट को प्रीलोड करने का प्रयास करें।

इसके अलावा स्वतः पूर्ण रूप से 300 एमएस विलंब होता है।
शायद देरी

$(".selector").autocomplete({ delay: 0 });