What tools and tabs in Chrome DevTools do you use for debugging and analyzing web pages?

For debugging and analyzing web pages in Chrome DevTools, I usually use the following tabs:

• Elements — to view and modify the DOM structure and CSS styles in real-time.
• Console — for logging, executing JavaScript code, and catching errors.
• Network — to analyze network requests, check resource loading, response times, and statuses.
• Sources — for debugging JavaScript code, setting breakpoints, and step-by-step execution.
• Performance — to profile page performance, analyze load and rendering times.
• Application — for working with local storage, cookies, IndexedDB, and cache.
• Security — to check connection security and certificates.

Example: if a page loads slowly, I open the Network tab, sort requests by time, and see which resources are slowing down the load.