I am troubleshooting a website that loads slowly in desktop browsers and want to identify the main cause of the delay. The website uses HTML, CSS, JavaScript, images, and several third-party resources.
I have already checked the basic page structure, but I would like to understand the best way to use browser developer tools to determine whether the problem is caused by large images, JavaScript, CSS, network requests, third-party scripts, or server response time.
What specific sections of Chrome or Firefox Developer Tools should I examine, and which metrics should I pay attention to when diagnosing page-load performance?
