Our new and faster profiler dashboard

The revamp of the profiling dashboard involved transitioning from an SVG-based renderer to a Canvas-based one, significantly enhancing performance and user experience. Previously, each frame in a flame graph was represented as a DOM node, which required the browser to manage numerous elements, resulting in slower interactions. By utilizing Canvas, the new renderer eliminates the need for these DOM nodes, instead directly painting pixels from precomputed data, which streamlines rendering and interactions like zooming, scrolling, and resetting. This shift reduces the time for rendering operations, as seen in metrics where Canvas outperforms SVG, cutting rendering times by several factors and enhancing frame rates. However, the transition to Canvas comes with trade-offs; Canvas necessitates manual handling of features like hit-testing, text truncation, and tooltip rendering that were previously managed by the DOM. Despite these challenges, the overall improvement in responsiveness and speed showcases the effectiveness of the new approach.

No tracked trend matches for this post yet.

Use this post, company, and trend context to find content marketing opportunities, perform competitive analysis, or address product feature gaps via the Plushcap MCP server or the Plushcap API.