Contributed by
Javier Eguiluz
in #15523.

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:

Symfony Profiler Redesign Mockups

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:

Symfony Profiler Redesign Wireframe

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:

Symfony Profiler Performance PanelSymfony Profiler Doctrine PanelSymfony Profiler Emails PanelSymfony Profiler Config Panel

Check out the original pull request to know all the details about the new design.

How can you get the new profiler?

The new profiler will make its debut in Symfony 2.8 and 3.0, which will be released on November. The redesign will also be available in the next Silex releases. Meanwhile, you'll have to use the 2.8.*@dev dependency version in your composer.json file.

If you want to test it as quickly as possible, create a new Symfony project executing the following command:

1
$ composer create-project symfony/framework-standard-edition new_profiler "2.8.*@dev"