2011-05-10 16 views
8

मैं $('#CalendarPlugin').fullCalendar('renderEvent', {}); का उपयोग कर फुल कैलेंडर में 100 ईवेंट प्रस्तुत कर रहा हूं जिसे लूप में 100 बार कहा जाता है।फुल कैलेंडर - प्रदर्शन के प्रतिपादन के किस स्तर की मुझे उम्मीद करनी चाहिए?

ब्राउज़र प्रदर्शन मैं (4GB रैम के साथ Core2 6600 @ 2.4GHz) अपने कंप्यूटर पर दिखाई दे रही है

  • क्रोम: 3 सेकंड
  • फ़ायरफ़ॉक्स: 6 सेकंड
  • आईई 9: 6 सेकंड

क्या यह प्रदर्शन का एक अपेक्षित स्तर है? क्या घटनाओं को लोड और प्रस्तुत करने का कोई तेज़ तरीका है?

एक बार उन्हें पूर्ण कैलेंडर में जोड़ा गया है, महीनों के बीच चल रहा है और इसे बहुत तेज़ी से प्रस्तुत कर रहा है। यह धीमा है renderEvent का उपयोग कर उनमें से प्रारंभिक लोडिंग है।

+0

हाँ निश्चित रूप से एक सर्वर साइड ajax का उपयोग पाने के लिए घटनाओं के साथ मैं एक डाटाबेस है पिछले 10 वर्षों से सैकड़ों हजारों कार्यक्रम। मेरे पास एक जटिल फ़ीड है जहां लोग जो दिखाना चाहते हैं वो चोसो कर सकते हैं लेकिन फिर भी- मैं प्रति माह 50 से अधिक घटनाओं को अपनाना नहीं चाहता! और यह जल्दी है। लेकिन डीबी और पेज एक ही सर्वर पर हैं- उन्हें विभाजित न करें! – ppumkin

उत्तर

10

डेवलपर 1.4.4 संस्करण के लिए प्रदर्शन संवर्द्धन पर काम कर रहा था, लेकिन प्लगइन को 100 बार लूप में मारना अभी भी भारी है।

एक तकनीक आप प्रदर्शन में सुधार करने की कोशिश कर सकते addEventSource में किसी चीज़ का इस्तेमाल करने के लिए है इस इंतजार कर रहा है और पूरी तरह से renders के रूप में मेरा मानना ​​है कि:

$("#calendar").fullCalendar("addEventSource", msg.items); 
+0

@ गैरी-ग्रीन मैं 100 घटनाओं की एक सरणी बनाने के लिए कोड में बदल गया हूं, फिर 'addEventSource' का उपयोग करके असाइन करने के लिए और मुझे एक बड़ा प्रदर्शन वृद्धि दिखाई दे रही है। ऐसा लगता है कि इस तरह बहुत कम ओवरहेड है। –

+0

यह कमाल है! – Vimalnath

0

विचार एक ही बार में एक निश्चित अवधि में सभी घटनाओं को लाने के लिए, एपीआई

http://arshaw.com/fullcalendar/docs/event_data/events_array/

http://arshaw.com/fullcalendar/docs/event_data/events_json_feed/

http://arshaw.com/fullcalendar/docs/event_data/events_function/

आपका प्रदर्शन बढ़ जाती है एक बार वे शुरू में लोड किए गए हैं क्योंकि देखो है डिफ़ॉल्ट घटनाओं द्वारा कैश किया जाता है।

संबंधित मुद्दे