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.