Raven’s new Site Performance tool instantly collects 30+ metrics for any website. Then, you can… well, find out.

Sitening As Seen Through the HTML DOM Visualizer

Raven

Sitening As Seen Through the HTML DOM Visualizer

Boredom and intrigue led me to the Websites as graphs tool. Here’s a graph of the Raven home page.

What do the colors mean?

  • blue: for links (the A tag)
  • red: for tables (TABLE, TR and TD tags)
  • green: for the DIV tag
  • violet: for images (the IMG tag)
  • yellow: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
  • orange: for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)
  • black: the HTML tag, the root node
  • gray: all other tags

Raven Home Page as a graph

Tell us what you think