A slow website is not just one problem — it is usually several layered issues. This guide walks through the systematic diagnosis of slow websites, from server-level problems to browser rendering bottlenecks, with clear explanations of what causes each issue and how to fix it.
Step-by-step diagnosis methodology
Covers all main causes: server, images, JavaScript, CSS
Identifies priority fixes for maximum impact
Web Tool
All processing happens in your browser — your files are never uploaded to any server.
🚀Open Website Speed Test100% Free · No account · Works on any device
Run the Website Speed Test first to identify which metrics are failing — then use this guide to diagnose the root cause of each issue.
Step-by-step guide to slow website diagnosis: what's slowing your site down?:
Run the speed test and note all failing metrics
Run the Website Speed Test on your page. Note every metric in the red/failing range — LCP, CLS, TTFB, TBT, and any resource-level opportunities.
Diagnose server speed (TTFB)
If TTFB is over 600ms, investigate hosting (upgrade plan or switch to managed hosting), database query performance, server-side caching, and CDN configuration.
Diagnose image issues
Check the resource list for large images (over 200KB each). Compress all images, convert to WebP, and implement srcset for responsive images.
Diagnose JavaScript and CSS blocking
Check for render-blocking resources. Add defer/async to non-critical scripts. Minify and combine CSS files. Remove unused CSS with tools like PurgeCSS.
Common situations where this approach makes a real difference:
E-commerce site sudden slowdown
An online store that was previously fast suddenly slows to 8-second load times after a marketing team adds a new personalisation platform. TTFB diagnosis identifies the new platform is adding 4 seconds of server-side processing. Switching to client-side personalisation restores previous performance.
WordPress site audit
A WordPress site with a score of 38 on mobile is diagnosed systematically: TTFB 1.8 seconds (shared hosting — switch to managed WP hosting), images uncompressed (+3MB — install Imagify), 12 render-blocking scripts (install script manager plugin). Each fix is applied in order and re-tested.
New developer inheritance
A developer inheriting an old codebase uses the speed test and this diagnosis guide to systematically identify and document all performance issues before presenting an improvement roadmap to the client.
Use this guide when your website is noticeably slow, when you have received a failing performance score, or when you want to systematically work through all possible causes of poor speed.
Get better results with these expert suggestions:
Start with TTFB — slow servers explain a lot
Time to First Byte (TTFB) measures how long it takes the server to start sending data. A TTFB over 600ms usually points to slow hosting, uncached database queries, or an inefficient back-end. This is the most impactful single fix for many sites.
Images are the most common culprit
Over 60% of a typical website's payload is images. Uncompressed images, missing next-gen formats (WebP/AVIF), and oversized images (serving desktop images to mobile) are the most common and most fixable speed problems.
JavaScript blocks rendering — defer what you can
Any script in the <head> without async or defer blocks the browser from rendering the page until that script has downloaded and executed. Deferring non-critical scripts can often reduce render blocking time by 1–3 seconds on mobile.
More use-case guides for the same tool:
Other tools you might find useful:
Open the full Website Speed Test — free, no account needed, works on any device.
Open Website Speed Test →Free · No account needed · Works on any device