At work, the application has been suffering from the performance hit. After the investigation, we found the cause. It was the logic that loads additional object summary information from the DB and set title attributes of dynamic table cell via Ajax call. I want to load the tooltip information on demand when mouse over happens. I’d like to share the road blocks and solution from this implementation. Below screen shot is the Tooltip. I hide business specific information.
Performance hit when tooltip content is generated at the same time the table data is created.
- Dynamic Table : When page load, send Ajax request to retrieve table data and dynamically populate. No HTML source code for the table.
- Object structure : Object has a collection as an attribute. Ajax table needs to display at the collection level. Object ID is not unique.
- jQuery Plugin for Tooltip : For…
View original post 755 more words