September 15, 2015 Javier Eguiluz

A few weeks ago we introduced the redesigned debug toolbar for Symfony 2.8. The new toolbar was well received by the community, but it had a major shortcoming: when you clicked on any toolbar panel, you were redirected to the old profiler.

That's why the day after introducing the toolbar, we started working on modernizing the look and feel of the profiler to match the new toolbar. A month later, and after having changed more than 5,000 lines of code, we are proud to introduce the redesigned Symfony Profiler.

The redesign process¶ This daunting redesign, like most design projects, started back in the drawing board. We prepared dozens of paper mockups and sketches to rethink all the elements rendered in the profiler pages: The next step was to prepare the wireframe of the layout on which profiler pages are based. Again, a lot of designs were tested and eventually, we decided to use the following layout: The final step was to redesign all the profiler pages. Instead of just updating their appearance, we spent more than 100 hours in total rethinking each and every of their contents. Explaining the full set of changes would take us too long, so we prefer to show you four quick comparisons of the old and new profiler: Check out the original pull request to know all the details about the new design.