2.8 seconds for superfish menu – why?
For each anchor tag – superfish performs some actions. As you can see from the code-snippet of the for-each function – the $a.eq(i) could be replaced with a $(this). This alone would save about 20% of performance.
Performance Analysis of different Menu Sizes
Based on this superfish example I created a sample page with 3 different sized menus: 50 elements, 100 elements and 500 elements. The page has 3 buttons – each triggers the menu creation and makes the correct menu visible. Here is an example for the small menu:
Analyzing the execution times it takes for each menu size shows me that the superfish menu scales really well – it is just that you have to be careful with the number of elements. Here are the results for 50, 100 and 500 menu items:
DOM Manipulations are expensive. The more elements you have to manipulate the more overhead you will see. Dynamic menus are a great way to make your website more interactive and nicer to navigate through – but keep in mind the cost of every menu item. This is just one example of a dynamic menu library – there are tons of other implementations out there. Any feedback in terms of performance or best practices on this or other libraries?
Over the last couple of weeks we ran a Closed Beta Program with some of our dynaTrace AJAX Edition Community Members. The big focus of dynaTrace AJAX Edition 3.0 is Support for Firefox and Automation. Thanks to the feedback we are comfortable to open the beta up to the general public. Not yet though – just a couple of more days. Check the Countdown Ticker on http://ajax.dynatrace.com Save the Date: … read more
// Mozilla is fast with releasing new versions of Firefox and following fast is the dynaTrace team. As many of our users have asked about Firefox 5 support we are happy to announce that we have support with dynaTrace AJAX Edition 3.2 Beta. Release support for Firefox 5 will follow shortly for both our dynaTrace AJAX Premium and dynaTrace AJAX Edition users. Deep Tracing in Firefox 5 If you are … read more
Velocity Velocity comes to Europe and we will are there. You can find our presentations and links here. Today we had a talk on What it means to deliver exceptional performance and tomorrow Andi will give a Lightning Demo. Hope to see you there What it means to deliver exceptional performance View more presentations from Alois Reitbauer Velocity 2011 Berlin – Lightening Demo dynaTrace AJAX View more presentations from Andreas … read more