title: very slow loading calendar events, any way to optimize?
body: <p>I have a calendar that is working successfully, but the load times are very slow.  Each event is rendered successfully, but the user has to wait a good 5-10 seconds when switching views or navigating through the months/weeks/days.</p>
  
  <p>I have shown the event loading code below, is there anything I can do to it to make it load faster?</p>
  
  <p>Thanks</p>
  
  <pre><code>&lt;script type='text/javascript'&gt;
  
  $(document).ready(function () {
  
      var date = new Date();
      var d = date.getDate();
      var m = date.getMonth();
      var y = date.getFullYear();
  
      var calendar = $('#calendar').fullCalendar({
          //events: [{"title":"My Test Event","start":"Wed, 02 Nov 2011 13:00:00 EST","url":"http://edu","allDay":"false"}],
  
          events: "JSONcalendarFeed.aspx",
  
          defaultView: 'month',
          weekends: false,
          allDay: false,
          minTime: 8,
          maxTime: 19,
          allDaySlot: false,
          slotMinutes: 15,
          weekMode: 'liquid',
          defaultEventMinutes: 60,
          firstHour: 8,
          header: {
              left: 'month,agendaWeek,agendaDay',
              center: 'title',
              right: 'prev,next today'
          },
          eventRender: function (event, element) {
              var evtDesc = event.description;
              var evtStart = event.start;
              var evtEnd = event.end;
              if (evtDesc || evtStart) {
                  element.qtip(
                      {
                          content: evtStart + ' - ' + evtEnd + '&lt;br/&gt;' + evtDesc,
                          position: {
                              corner: {
                                  target: 'bottomMiddle',
                                  tooltip: 'topMiddle'
                              }
                          },
                          style: {
                              name: 'light'
                          }
                      }
                  );
              }
          },
          selectable: true,
          selectHelper: true,
          select: function (start, end, allDay) {
              var title = prompt('Event Title:');
              if (title) {
                  calendar.fullCalendar('renderEvent',
                      {
                          title: title,
                          start: start,
                          end: end,
                          allDay: false,
                          weekends: false
                      },
                      true // make the event "stick"
                  );
              }
              calendar.fullCalendar('unselect');
          },
          editable: true
      });
  
  });
  
  &lt;/script&gt;
  </code></pre>