When looking at web performance one of the most common tips is reducing your page size. If you’re not sure what page size is, then it refers to the collective sum of all of your scripts, styles, media, images and HTML put together.
What should my ideal page size be?
The summary of this section is that your page weight should be as small as possible but don’t loose focus on other performance techniques as they can be more valuable.
How can I see what my page size is?
Apart from getting out the calculator out and totting it all up there are a few ways to do it. First is you can use the browser developer tools to see the page size for each file as well as the total. The second is using Web Page Test which is free to use and gives you plenty of information on your website. In that online tool you can also set conditions like location, device type, compare yourself against other websites and much more.
Educate others on performance
Remember that although you may be all clued up on making websites fast and the benefit it has to the user experience your colleagues might not have this understanding. What you often see is that you deliver a website which is super fast but then as soon as advertising, analytics and tracking scripts come along the website dramatically slows down. You need to make sure that everyone has the same understanding and knows the benefits of keeping a low page size.
- WebPageTest Obscure Features for Performance Testing
- Scroll to text fragment: How to link & highlight any text on a web page
- How to validate your CSS using W3C
Michael Gearon is a Senior Interaction Designer at Companies House in Cardiff. Previously Mike was a product designer at the GoCo Group including GoCompare, MyVoucherCodes and WeFlip. As well working for brands in South Wales like BrandContent and HEOR.