Jaké nástroje a funkce používáte v Chrome DevTools pro analýzu a ladění webových stránek?

V Chrome DevTools často používám následující nástroje a funkce pro analýzu a ladění webových stránek:

• Elements — pro prohlížení a úpravu DOM a CSS v reálném čase.
• Console — pro spouštění JavaScriptového kódu a prohlížení logů, chyb.
• Network — pro analýzu síťových požadavků, časů načítání zdrojů, kontrolu odpovědí serveru.
• Sources — pro ladění JavaScriptu s možností nastavování bodů přerušení.
• Performance — pro profilování výkonu stránky, identifikaci úzkých míst.
• Application — pro práci s místním úložištěm, cookies, IndexedDB.
• Lighthouse — pro audit výkonu, přístupnosti a SEO.

Například, pro sledování problému s načítáním, otevřu záložku Network, filtrují podle typu zdroje a kontroluji stav a dobu načítání každého souboru.