Какие инструменты и функции используешь в Chrome DevTools для анализа и отладки веб-страниц?

В Chrome DevTools для анализа и отладки веб-страниц часто использую следующие инструменты и функции:

• Elements — для просмотра и редактирования DOM и CSS в реальном времени.
• Console — для выполнения JavaScript-кода и просмотра логов, ошибок.
• Network — для анализа сетевых запросов, времени загрузки ресурсов, проверки ответов сервера.
• Sources — для отладки JavaScript с возможностью установки точек останова (breakpoints).
• Performance — для профилирования производительности страницы, выявления узких мест.
• Application — для работы с локальным хранилищем, куками, IndexedDB.
• Lighthouse — для аудита производительности, доступности и SEO.

Например, чтобы отследить проблему с загрузкой, открываю вкладку Network, фильтрую по типу ресурса и смотрю статус и время загрузки каждого файла.