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?
Whether you are a Fan of US Football or not – it was really hard to avoid this huge sport event on February 5th. Besides the actual game it is the Super Bowl commercials that – besides being very expensive to air – usually drive a lot of load on the websites of the companies that run their ads. The question is whether the millions of dollars spent really drive… read more
Since we did our first deep dive session on healthcare.gov we wondered if anything had changed that now makes it easier for US citizens to shop for new health insurance plans. We know from personal experiences that problems are not yet resolved. The website even went down last week again which probably led to more war rooms that could have been avoided. In the first analysis blog we highlighted the… read more
Sparked by the FIFA Mobile App Crash Analysis Klaus did, I wondered if soccer fans using their mobile or desktop browsers will have a better user experience to follow their favorite teams through the tournament. Back in 2010 I did one of my first Web Performance Analysis blogs on FIFA’s website using the dynaTrace Ajax Edition. Looking at the Page Load Time for the desktop version, we learnt that it… read more