Blog › Page weight basics

What is page weight and why does it matter?

Page weight is the total size of everything a browser has to download to show your page — images, text, scripts, fonts, and more. The heavier the page, the longer it takes to load. And slow pages lose visitors, conversions, and search ranking.

What makes a page heavy?

Every file your website loads adds to the total size visitors have to download. The biggest contributors are usually:

  • Images — by far the most common culprit. An unoptimized photo can be 10 times larger than it needs to be. On most websites, images make up more than half the total page weight.
  • Scripts from other services — analytics tools, live chat widgets, social media buttons, and advertising all load extra code onto your page. Most visitors never notice these tools, but they still have to download them.
  • Fonts — custom typefaces need to be downloaded before text can display. Loading several font styles can add a noticeable delay on slower connections.
  • Stylesheets and code — CSS and JavaScript files that control how your site looks and behaves. These are often larger than necessary because they include code for features not used on every page.

How does page weight affect visitors?

On a typical mobile connection, every megabyte of page weight adds roughly one second of load time — before the browser has had a chance to display anything. Most visitors expect a page to load in under three seconds. If it takes longer, more than half will leave before it finishes.

This isn’t just a frustration issue. Google tracks how quickly your pages load for real visitors, and uses this as part of deciding how high to rank you in search results. A slow page can rank lower than a competing page with similar content, simply because it loads faster.

How do I know if my page is too heavy?

Use PageWeight to scan your site for free. You’ll see your total page size, which images are the heaviest, and how much you could save by optimizing them — along with other issues affecting your load time.

How to reduce page weight

If your site runs on WordPress

Images are the fastest win and require no technical knowledge. Picqlo automatically converts your images to more efficient formats (AVIF and WebP) in the background. Originals are kept as backups. Most WordPress sites see their total image weight drop by 50–70% after installation.

For scripts and fonts, a caching plugin like WP Rocket or Perfmatters can defer non-essential code so it loads after your page is already visible.

On any other platform

Start with images — they give the biggest return for the effort. Run your scan on PageWeight, take the list of heavy images to your developer or hosting provider, and ask them to convert images to WebP or AVIF and enable compression on your server. These two steps alone typically cut page weight in half.