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?
I love the outcry that surrounds a digital service outage. It’s almost as though someone has turned off the oxygen for a few moments. So, it comes as no surprise that everyone went a bit crazy when Whatsapp went down for a few hours on Wednesday night. The usual scenario played out – people turned to social media to vent, and to laugh, and media were on the hunt for … read more
Digital experience has changed dramatically from when Dynatrace became the Internet authority back in the eCommerce era of the early 2000’s. Through the evolution of the Web, mobile and now Internet of things, Dynatrace has delivered the most advanced capabilities in digital experience monitoring. Today, that means having comprehensive visibility to how digital assets are responding to customers, and the confidence that everything works as it should. For years, we’ve … read more