What’s that? That’s the output from a rather nifty applet that draws diagrams of the HTML structure of web pages (technically, it produces a graphical representation of a first order approximation of the DOM tree by examing element nodes only). In this case that’s the front page of Very True Things as of Thursday evening.

The big grey blob at the middle top is the page head, here full of the <link> elements that Word Press generates. The main content of the page is to the left and the side bar is to the right. The red clusters at top left and bottom right are tables – a meme result and the calendar respectively.

Have a look at the examples given by the creator to see how some big name sites compare. And then see the graphs for everyone else’s sites on Flickr. (Via Pharyngula.)

What’s really scary for me is that when I look at the graph for VL I can instantly spot where one extraneous (but harmless) link has been inserted by accident.

No Comments

Leave a Comment

(will not be published unless you behave like a spammer or a troll)