What is called “page weight”. That’s the total size of all the files needed to render the page.

1. HTML file itself plus any includes
2. All image files (only count each one once, even if it’s used more than once)
3. External CSS files
4. External JS files

If you can keep total page weight in the 40 to 50 kb range, then you’re in the sweet spot for dial up users.

As you’ve guessed, images are often the prime offender. Using a good optimizer such as Adobe’s Image Ready makes a big difference. It also helps to crop unnecessary parts of the image. Make the right choice between .png, .jpg and .gif – and even more, consider whether the images would work well if just a bit smaller.

For instance, if an image is 100×100, and you can take it to 80×80, you didn’t just save 20% of the file size, you may have saved 36% or more.

Popularity: 9%