slayeroffice - web experiments gone horribly awry

Looking for the drawings? They're over here, and my drawing blog is this way.

Page Info Favelet

  • Current Version: 1.3
  • Last Revision: 08.24.2004
  • Language: Javascript
  • Requires: MSIE6+, Mozilla, Firefox, Opera 7.5+

This favelet will report a number of statistics about the page it is invoked on, including:

  • Total code weight in bytes.
  • Total <body> code weight in bytes.
  • Total content weight in bytes.
  • Percentage of code that is markup.
  • Percentage of code that is content. (meaning, non-markup)
  • A table of connection speeds with estimated download time, including latency/loss calculations.
  • Link, inline style sheet, style attribute, script element, meta element, image element, table and comment counts, including a byte size of commented markup.

Right click the following link and select "Add to Favorites" or "Bookmark this Link" depending on your browser of choice.
Page Info

Update: v1.3

  • The Page Info window is now draggable. Click and drag from the title bar.

Update: v1.2

  • TITLE and ALT attribute values no longer count towards markup size, but rather content size.
  • Fixed a bug where BODY markup was being reported the same as TOTAL MARKUP.

Update: v1.1

  • Added a link at the bottom of the application to open a printer friendly view of the data in a new window.
  • Fixed a bug where the app was calculating content vs. markup percentages based on total markup, not body markup as it should have been. Sorry about that.

Credits: Based on one internal tool by Kimberly Blessing and another by Kevin Lawver.