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

В Chrome DevTools често използвам следните инструменти и функции за анализ и отстраняване на грешки на уеб страници:

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

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