New in Symfony 6.2: Profiler Redesign

Contributed by
Javier Eguiluz
in #47148, #47643 and #47665.

The Symfony Profiler is a powerful development tool that gives detailed debugging information about the execution of any request. It's also one of the key features that make Symfony developer experience outstanding.

In Symfony 6.2 we've redesigned the profiler. It still contains all the features that you know and love but now they show a fresh coat of paint. The main goals of the new design are:

1. Make it look more modern;
2. Improve accessibility (e.g. add more contrast in some places);
3. Make the design more efficient (e.g. rearranging some elements).

Here's a quick comparison between the old and the new design (in light mode):

The new design maintains most of the elements of the previous design, but it makes some changes and rearrangements in certain elements. For example, now it's easier to spot if a request originated from a redirect:

Status codes of error responses are easier to spot too:

We've also took this opportunity to update the icons used in the profiler. The new icons come from the open source Tabler icons project created by Paweł Kuna:

In addition to redesigning elements, we decided to update certain profiler panels to present information in a way that it's easier to debug it. One of the most clear examples is the mailer panel:

Besides the profiler panels, we've redesigned other features such as the redirect interceptor, the file source code viewer and the debug toolbar. The toolbar redesign summarizes this initiative well: it keeps everything the same, but now it looks more clean and modern:

We could keep showing you many details about the new design, but we prefer that you experience it yourself. Upgrade your projects to Symfony 6.2 and tell us what you think about it.

            <hr style="margin-bottom: 5px" />
            <div style="font-size: 90%">
                <a href="https://symfony.com/sponsor">Sponsor</a> the Symfony project.
            </div>

https://symfony.com/blog/new-in-symfony-6-2-profiler-redesign?utm_source=Symfony%20Blog%20Feed&utm_medium=feed