Website Performance Metrics: What They Mean and How to Improve Them

Website performance directly impacts user experience, search rankings, conversion rates, and revenue. A one-second delay in page load time can reduce conversions by 7% and customer satisfaction by 16%.

Understanding performance metrics is the first step to improving them. Here's what the key metrics mean and how you can optimize them.

Page Size

Page size is the total amount of data transferred when loading a page, including HTML, CSS, JavaScript, images, fonts, and other assets. Larger pages take longer to download, especially on slower connections.

Good range: Under 2MB total. Excellent: Under 1MB.

How to improve:

• Compress images using modern formats like WebP or AVIF
• Minify CSS, JavaScript, and HTML
• Remove unused CSS and JavaScript
• Use lazy loading for images and below-the-fold content

Response Time

Response time (often including Time to First Byte or TTFB) measures how long it takes for the server to respond to a request. It's affected by server processing time, network latency, and routing.

Good range: Under 500ms. Excellent: Under 200ms.

How to improve:

• Use a CDN to bring content closer to users
• Optimize database queries and server-side code
• Implement caching at the server and browser level
• Upgrade hosting to a faster provider or plan

HTTP Requests

Every resource on a page — scripts, stylesheets, images, fonts — requires an HTTP request. More requests mean longer load times, especially on high-latency connections.

Good range: Under 50 requests. Excellent: Under 25 requests.

How to improve:

• Combine multiple CSS and JavaScript files into bundles
• Use CSS sprites for small icons
• Remove unnecessary third-party scripts
• Use HTTP/2 or HTTP/3 for multiplexed connections

JavaScript Bundle Size

JavaScript is often the largest contributor to page weight and the biggest performance bottleneck. Large JavaScript bundles delay interactivity and increase time to interactive.

Good range: Under 300KB (compressed). Excellent: Under 150KB.

How to improve:

• Code splitting — load only what's needed for the current page
• Tree shaking — remove unused exports from bundles
• Defer non-critical JavaScript
• Consider lighter alternatives to heavy frameworks when appropriate

Estimated Load Speed

SiteGraph's estimated load speed is a composite metric that accounts for page size, response time, and asset counts. It represents the approximate time a user would experience on a typical broadband connection.

Good range: Under 3 seconds. Excellent: Under 1.5 seconds.

Core Web Vitals

Google's Core Web Vitals are a set of real-world performance metrics that affect search rankings:

• LCP (Largest Contentful Paint): Loading performance — should be under 2.5 seconds
• INP (Interaction to Next Paint): Interactivity — should be under 200ms
• CLS (Cumulative Layout Shift): Visual stability — should be under 0.1

While SiteGraph's automated scans provide estimated metrics, the best way to measure Core Web Vitals is through real-user monitoring tools like Google Search Console's Core Web Vitals report, PageSpeed Insights, or Chrome User Experience Report (CrUX).