How do I see the size of a web page?
Why page size matters for SEO and user experience
The size of a web page directly affects how quickly it loads — every kilobyte of HTML, CSS, JavaScript, image data, and font files must be transferred from the server to the visitor's device before the page can fully render. On a fast broadband connection, a large page may load acceptably.
On a mobile connection in a low-signal area, the same page can become frustratingly slow. Since 2021, Google has incorporated Core Web Vitals (which measure actual loading speed and visual stability) as ranking factors, making page size a genuine SEO concern as well as a user experience one.
The biggest contributors to the size of a web page
Images are typically the single largest contributor to page size on most websites. An unoptimised photograph can easily be 3-5MB; the same image properly optimised and converted to a modern format like WebP might be 100-200KB — a 90%+ reduction with no visible quality loss for typical web display sizes. JavaScript is often the second-biggest contributor, particularly on sites using large front-end frameworks. Third-party scripts (analytics, advertising, chat widgets, social media embeds) frequently add significant weight that site owners aren't fully aware of because they're loaded from external domains.
How to diagnose which specific assets are slowing your pages
Chrome's developer tools (F12 → Network tab) show every single resource loaded when your page opens, sorted by size or load time. This makes it immediately obvious which specific images, scripts, or stylesheets are the largest. A useful shortcut is to filter by 'Img' to see only images, then sort by size descending — this instantly shows which images should be compressed or resized as a priority. Repeating this for 'JS' and 'CSS' filters reveals whether scripts or stylesheets are contributing disproportionate weight.
Key Takeaways
- Page size directly affects loading speed, which is a Google ranking factor since 2021.
- Images are typically the biggest contributor — unoptimised photos can be 10-30x their optimal size.
- Chrome's F12 Network tab shows every loaded resource sorted by size to pinpoint what to optimise first.
Related Questions
Frequently asked questions
Does page size affect SEO?
Yes. Page size directly affects how quickly a page loads, because every kilobyte of HTML, CSS, JavaScript, images and fonts must be transferred to the visitor's device before the page can fully render. A large page may load acceptably on fast broadband but become frustratingly slow on a mobile connection in a low-signal area. Since 2021, Google has used Core Web Vitals, which measure actual loading speed and visual stability, as ranking factors, so page size is a genuine SEO concern as well as a user experience one.
What increases the size of a web page the most?
Images are usually the single largest contributor to page size. An unoptimised photograph can easily be 3 to 5MB, while the same image properly optimised and converted to a modern format such as WebP might be 100 to 200KB, a reduction of over 90 percent with no visible quality loss at typical web display sizes. JavaScript is often the second-biggest contributor, especially on sites using large front-end frameworks. Third-party scripts such as analytics, advertising, chat widgets and social media embeds also add significant weight site owners may not notice.
How do I find which files are slowing my page down?
Open Chrome's developer tools with F12 and go to the Network tab. It lists every resource loaded when the page opens and can be sorted by size or load time, making it obvious which images, scripts or stylesheets are the largest. A useful shortcut is to filter by Img to show only images, then sort by size in descending order to see which images should be compressed or resized first. Repeating this with the JS and CSS filters shows whether scripts or stylesheets add disproportionate weight.