Трек настройки профилирования Angular теперь доступен

Команды Angular и Chrome сотрудничали, чтобы привести данные и инсайты, специфические для Angular, непосредственно в панель производительности инструментов разработчика Chrome, создавая единый опыт профилирования для разработчиков. Это интеграция позволяет разработчикам сочетать преимущества обоих инструментов, предлагая более синхронизированный и всесторонний взгляд на производительность их приложения. Новый пользовательский трек для Angular в инструментах разработчика Chrome предоставляет данные производительности, используя концепции Angular, такие как инициализация приложения, компоненты, синхронизация пользовательского интерфейса и хуки жизненного цикла. Диаграммы пламени пользовательского трека группируют вызовы функций вместе под соответствующими компонентами и другими концепциями Angular, позволяя разработчикам детализировать до отдельных функций для более подробного просмотра. Входы диаграммы пламени кодируются цветом, чтобы помочь разработчикам быстро определить, что происходит в их приложении, отличая код приложения, другие сценарии или активности браузера. Цвета представляют различные аспекты приложения, такие как сервисы внедрения зависимостей, шаблоны, скомпилированные Angular, и точки входа. Пользовательский трек интерактивен, позволяя разработчикам кликнуть на вход в диаграмме пламени, чтобы открыть более подробную информацию о данном входе. Чтобы начать, разработчики должны убедиться, что они используют последнюю версию Angular и актуальную версию Chrome, запустить свое приложение Angular в режиме разработчика и включить пользовательский трек, набрав ng.enableProfiling() в консоли. Это интеграция демонстрирует продолжающуюся приверженность улучшению опыта разработчика в экосистеме Angular, наделяя разработчиков возможностью создавать более быстрые и эффективные приложения.