# Total page weight

> Total page weight is the combined size of everything a page downloads: HTML, CSS, JavaScript, images and fonts.

- **Check ID:** P7
- **Area:** [Performance](https://be1st.ai/glossary/performance)
- **Tool:** [SEO + Security + Performance](https://be1st.ai/tools/ssp-audit)
- **Page:** https://be1st.ai/glossary/performance/total-page-weight

## Why it matters

Total page size directly affects loading time. On a 3G network, downloading a 5 MB page takes over 15 seconds. web.dev recommends delivering under 170 KB of critical-path resources (compressed) so that the page becomes interactive within 5 seconds on a slow 3G network.

## In practice

Google.com has a total size under 500 KB. The average e-commerce website is 3-5 MB due to large product images. Amazon optimizes images and uses lazy loading to keep the total size below 2 MB on initial load.

## How be1st checks it

Measures the total size of all page resources in KB (HTML, CSS, JS, images, fonts). The ideal value is under 2,000 KB. According to HTTP Archive, the median is around 1,700-1,900 KB. A large page slows down loading, especially on mobile networks and weaker devices.

[SEO + Security + Performance](https://be1st.ai/tools/ssp-audit), Performance tab.

Every check ends as: Pass, Warning, Fail.

## Sources

- [Avoid enormous network payloads](https://developer.chrome.com/docs/lighthouse/performance/total-byte-weight) (Chrome for Developers)
- [Your first performance budget](https://web.dev/articles/your-first-performance-budget) (web.dev)
- [Performance budgets 101](https://web.dev/articles/performance-budgets-101) (web.dev)

## Related terms

- [Request count](https://be1st.ai/glossary/performance/request-count): Request count is the number of HTTP requests a browser makes to load a page. Every file, from a script to an icon, is one request.
- [CSS coverage](https://be1st.ai/glossary/performance/css-coverage): CSS coverage is the share of a page's downloaded CSS that the page actually uses. The rest is unused code the browser still has to process.
- [JS coverage](https://be1st.ai/glossary/performance/js-coverage): JS coverage is the share of a page's downloaded JavaScript that actually runs on the page. Unused code still costs download and parsing time.
- [Response time (TTFB)](https://be1st.ai/glossary/performance/response-time-ttfb): Time to First Byte (TTFB) is the time from sending a request to receiving the first byte of the server's answer. It shows how fast the server and the network respond.
- [HTML size (performance)](https://be1st.ai/glossary/performance/html-size): HTML size is the weight of a page's HTML document in kilobytes. The browser has to download and parse all of it before it can show the page.
- [External resources](https://be1st.ai/glossary/performance/external-resources): External resources are the separate script and stylesheet files a page loads. Each one is another download that can delay rendering.