What Are Websites Made Of? (Infographic)

What Are Websites Made Of? (Infographic)

The Internet is such an integral part of our lives nowadays, yet how much do we know about what’s occurring under the hood?

From the proliferation of web programming languages such as PHP, to the matter of data expansion, storage size, rate of growth of the Internet, and the amount of bandwidth required to serve the world’s Internet users, this infographic looks at what websites are made of.

Click here to enlarge.

What Are Websites Made Of? (Infographic)

Infographic by Broadband Choices, offering comprehensive and impartial advice on broadband.

Related Content

This was published on Aug 9, 2011


Salman Saeed Aug 09 2011

Lol. True that.

Henry Louis Aug 09 2011

It was confusing but informative. A textual explanation would have also helped.

Derek Erdmann Aug 09 2011

I’m glad you think Ruby on Rails is a language. Thanks for confusing a few more people.

Michishige Kaito Aug 09 2011

“Ruby on Rails” is not a language, but a framework. Ruby is the language. Also, I really don’t think 65% of the net is being served as proper XHTML, mainly because it requires the transfer to happen with an xml mime type that most people find way too troublesome.

Praharsh.RJ Aug 09 2011

Interesting piece of information.

Donny Stiefel Aug 09 2011

Surprised you used Kansas City for your gigabit referral when Chattanooga, TN already has gigabit, and was the first to offer it in the USA. Perhaps since it wasn’t Google it wasn’t noteworthy?

And I second Derek’s comment on Ruby on Rails.

Ron Pemberton Aug 09 2011

I love beautiful infographics like this! Make more, please. Kudos!

Samiullah Khan Aug 09 2011

Excellent piece of information but i’m going to look increase in the use of Google Chrome and Php in the future.

Sohail Amir Aug 09 2011

Great infographic, think these are becoming really popular

Oliver Nagy Aug 09 2011

It was informative, but some of the charts were confusing. For example, the development languages one, seems larger than PHP (I know it technically isn’t), while having a smaller percentage. Also, the “Just how much information is out there” bar graph is not to scale, as far as I can tell. And then there are the factual errors that others mentioned.

I’m not trying to be rude, I’m just saying that aesthetics should be a bit less important than accuracy.

a better infographic will be easier to understand.

Andrew Margolin Aug 09 2011

Very Cool.

This a sampling of less than 17,000 sites,
BTW: look at the sites:

– Browser – All tests are performed using Internet Explorer 8. Page load times can vary depending on browser.

– Most websites are comprised of many separate web pages. The landing page may not be representative of the overall site.

-Some websites, such as, require logging in to see typical content.

– HTML5: 24,175 sites are using HTML5. The sampling size is less than 17,000… umm that does not compute.

Haha who cares about semantics – everyone who matters, that is, everyone who tries to learn “Ruby on Rails” will see/know that Ruby is the language and Rails is the framework…

SR’s been pretty stale lately. Glad to see posts coming up again.

Kathy Dibling Aug 09 2011

Eye-opening. Thank you.

Tufte is spinning in his office chair…

bayukevin Aug 09 2011

I love It

Daquan Wright Aug 09 2011

I’d like this to see the comparison between JavaScript libraries. :)

Jacob Gube Aug 09 2011

@Young: We had a bit of downtime, but we’re resuming (and eventually even increasing) normal operations. Glad you’re still around even though the last two months has been sort of slow, Young.

Philipp Menzel Aug 10 2011

Nice infographic! Thanks for this!

Veerle_VH Aug 10 2011

any info on how many mails are opened? I suspect a large percentage of the mails sent are never read, so would argue that e-mail is still growing.

iMac without Safari?? Without best browser ever?

Jaco Pretorius Aug 10 2011

Can’t believe all the negative comments… Great work – very informative!

Interesting info but with I wonder if the sample is enough representative to consider the results are reliable

Besides, some glaring mistakes like considering ASP.NET a language or a 503 header response means a website contains errors

very iteresting. Thanks for sharing

Carlos Martinez Aug 10 2011

It’s curious that not appears Java or C / c + + under development languages.

PayamRWD Aug 10 2011

Great infographic. Thanks!

What are the other 46.04% of popular development languages in the top 17,000 websites?

Rg Enzon Aug 10 2011

I’m interested on the gigabit internet speed at home. Damn Google.

Sorry to nitpick, but use of the word “factoid” bothers me. It literally means, “a piece of unreliable information believed to be true because of the way it is presented or repeated in print”. As in “tabloid”.

Brandon Holliday Aug 10 2011

Wow! When you combine the Firefox user with Chrome users, you see that nearly half of the market is using html5+css3 compliant browsers. Love it!

Pawel Poturalski Aug 10 2011

I thought we are much more closer to Star Trek technology ;)

Robert Engman Aug 10 2011

Some good information a little mis-information but overall an entertaining, interesting piece that I was happy to have an opportunity to view. Thanks for taking the time.

Juan Burgos Aug 10 2011

The problem to me, seems to be that this, in my very personal way of see it, is not an infographic. It correspond more to a new adaptability to blogs, what I call an bloginfography. Real and effective infographies are space efficient, relate all the information and facilitate the reading of a context. This ones are information separated by characteristics of a format or a medium. Like individual parts that need at the end to be reorganized and categorized by the reader. In real infography, it is the designer who does that.

Using statistics is also not a real translation to the visual realm or language, thing that I consider primary to the effectiveness of an infogrophy.

Richard Schulte Aug 10 2011

Yeah same as @donny – we had public (free) gigabit fiber on hessler street in cleveland (thanks to Case Western Reserve University) as of late 2009. What gives on the KC being first bit?

No web sites are written in Java? And yeah, Ruby on Rails: not a language.

Dennis S. Aug 10 2011

I think in this illustration the human body was not compressed before it was beamed?! :) This should reduce the needed information a lot. There a identical atoms surly…

That post just blew my mind. Nice! Love the infographic.

Just let me know when I can actually use, “Beam me up Scotty” as a way to get to the supermarket.

Martin Scharm Aug 10 2011

Wondering how much websites that are not broken (404/503) deliver valid content!? Is it more than 1% ? :-P
Do you have any statistics concerning this issue?

Really nice!
Will help a lot lof Dev.

Avangelist Aug 11 2011

Who’s chewing up my bandwidth?


– doesn’t amount to 100%



total = 94.17

still not 100%.

the last two are presented as comparisons but don’t really compare iPlayer is a pseudo free public service the other is subscription based.

The shapes used for the first section are misleading as they use shapes to represent the data but allude to being part of a whole.

I like the idea though.

also, what’s the broken cable about at the start?

Paige Henson Aug 11 2011

I think it’s terrific! A friendly way to take in very dry info.

Interesting, but I’m kind of wondering what those bits about email and internet speeds were doing in an infographic about websites. They distracted and detracted from it somewhat.

Vibrance Aug 11 2011

A nice infographic but I can see how it might confuse anyone without knowledge about how websites work. Facts are kind of scattered among difference topic areas.

Beautiful infographic – informative and clearly presented. Didn’t know nearly half of internet users around the world still use IE.

The first infographic doesn’t make sense to me in a couple of ways but the obvious is that the whole doesn’t make up 100%.

PHP – 31%
ASP.NET – 21%
Ruby ~ 2%

What happened to the other 46%?

Jean-Paul Gedeon Aug 13 2011

We love the infographics!

I echo damian above. “Factoid” refers to something that’s isn’t true, but people think is true. Was that the intended usage in this chart?

Stephan Aug 14 2011

Gigabit speeds aside ,I sense a corelation if not a dividing line between The History of the Internet in a Nutshell , and The History of Web Browsers . somewhere in thhereIrest my case .

Stephan Aug 14 2011

Leave it with you maestro

MadRabbit Aug 16 2011

Great job. Really nice work.

“By 2015, more than 25% of the internet will be hosted on virtual machines”
What is virtual machines?

incredible stunning do more please!!!!!!

Володимир Oct 12 2011

I like it. Awesome. Thanks.

Carlos Pagliari Oct 30 2011

Good data. I Wonder, What’s Next?

Ram Kr Shukla Nov 02 2011

Calculation was based on the fixed/limited portion of Internet, however the information was interesting.

This comment section is closed. Please contact us if you have important new information about this post.