Calendar Client-side Performance

Results

To test the performance improvements, we measured how long it took to draw the events on the calendar before and after the enhancements. Drawing of events is the process we focused on when making these improvements.

Use the section below to describe in detail the product feature. Additional paragraphs can describe what you do with the feature, what it cannot do (within reason), in what situations you would use it, and why it is important. A diagram can show relationships and connections better than text, so you may want to include pictorial conceptual info as well. Examples may illustrate a concept also. Notes or tips about a feature can be useful, such as a tip for a user who is accustomed to another, similar product, or an older version of a feature.

Version 2.0.2

# Of Events	Chrome	Firefox	IE 10	IE 9	IE 8	IE 7
50	11ms	23ms	29ms	20ms	66ms	131ms
288	38ms	82ms	96ms	81ms	338ms	606ms
992	120ms	282ms	322ms	264ms	2237ms	2247ms

Previous Versions

# Of Events	Chrome	Firefox	IE 10	IE 9	IE 8	IE 7
50	19ms	30ms	31ms	45ms	116ms	241ms
288	97ms	195ms	252ms	234ms	1344ms	2069ms
992	402ms	811ms	1135ms	998ms	21794ms	15363ms

As you can see from the results above there is an improvement in timings across the board. The improvements are especially visible when there are a large number of events.

In addition to improved timings, when testing the large calendar above (992 events) with IE 7 and IE 8 the user would see an error/warning prompting them to stop running the JavaScript. After the improvements this error did not occur in our testing.