What is the average website size

Though there are a few caveats worth pointing out before we continue: There median size of web pages, as published by the HTTP Archive, is an average taken from a large dataset. Perhaps not.

I mean, what even is a typical website? Some websites have actually shrunk over time. While some websites have gone full media in their approach, with video, fullscreen imagery, custom fonts and other design elements, others have embraced a more minimalist approach.

Video Makes Up About Raelene Morey Raelene Morey is the Co-Founder of Words By Birds , a digital writing agency that helps busy WordPress with writing articles, content strategies, lead magnets and other word-related things. First name. Your email address will not be published. All fields are required. Comment policy: We love comments and appreciate the time that readers spend to share ideas and give feedback. However, all comments are manually moderated and those deemed to be spam or solely promotional will be deleted.

Send comment. Viku Sahu Wow such great and effective guide Thank you so much for sharing this.. Kathir Vel Great article, thanks for mentioning new factor that matters page speed lod. Udit Khanna Nice article. Daniel Thank you Raelene Morey for these great tips. Sneha Rao thanks for the article, it helped me to increse page speed. Solo Great content ,is very helpful Thank you. Gershom Nsengiyumva Cool and helpful page.

I really thank you about this content. Deepu Good one, I got a lot of info and used it for my website. Latest Articles of Page speed and caching Page Speed Optimization for WordPress: 19 Performance Tips Page speed optimization for WordPress is not as difficult as it seems: if you follow the steps mentioned in this guide, you can achieve the best load time.

Last update on 14 October Email Subscribe. I confirm I want to subscribe to the WP Rocket newsletter. An external stylesheets is identified as a resource with the css file extension or a MIME type containing css. The number of external stylesheets requested by the page. The sum of transfer size kilobytes of all fonts requested by the page.

A font is identified as a resource with the eot , ttf , woff , woff2 , or otf file extensions or a MIME type containing font. The number of fonts requested by the page. The sum of transfer size kilobytes of all HTML documents requested by the page. The number of HTML documents requested by the page.

In other words, the average page today is almost times larger than the average page twenty years ago. As internet users, we crave images — the bigger, the better. Site owners play to this craving, knowing that serving bigger, better images has a direct impact on conversion rate the percentage of site visitors who convert to active customers and other business metrics. But as developers, content creators, and site owners, images cause us no end of performance-related angst.

The vast majority of images on the web are unoptimized — uncompressed, unconsolidated, incorrectly formatted, and wrongly sized. Fortunately, Akamai offers a powerful solution to these challenges: Akamai Image Manager. Every time I write about page bloat, I like to show an updated version of this graph, which documents the rise of custom font usage alongside the decline of Flash.

But when custom fonts are poorly implemented or hosted externally, this introduces the potential for performance pain. What you can do: Asynchronous scripts are better than synchronous, but there's an argument for deferring scripts if you can wrangle it. And if you're not already measuring CPU usage, you should consider starting now. Correlating page size with user experience is like presenting someone with an entire buffet dinner and assuming that it represents what they actually ate.

To properly measure user experience, we need to focus on the content — such as the navbar or hero product image — that users actually want to consume.

The best performance metric for measuring user experience is one that measures how long the user waits before seeing this critical content. To implement custom timers, you need to identify the critical content on your pages, then add marks and measures to track when they render.

Steve wrote a great blog post that goes into custom timers in more detail, as well as providing a handful of sample metrics to get you started.

If you care about measuring UX, I strongly recommend checking it out. At SpeedCurve, we don't think you need more performance data. We think you need the right performance data. That's why we're always working to develop metrics that give you meaningful insight into how your users experience your site. And it's why we believe setting performance budgets and alerts for those metrics is crucial.

If you're not already using SpeedCurve to monitor your site's performance, set up your free trial here. The key to a good user experience is quickly delivering the critical content. This is easy to say, but historically has been tricky to do. Custom metrics are a huge evolutionary step forward.