Question

There is Firebug AddOn – “Inline Code Finder”, but it doesn’t show how many bytes! Do you know any tool doing it?

Answer 1

Stoyan Stefanov created a really nice tool fr working out the values of js/css on a page and called it statsy

http://www.phpied.com/statsy-more-data-points-for-markup-quality/

Below is an explanation taken from his site

the results

Once you run the bookmarklet it alerts
these stats points:

• • JS attributes (e.g. onclick) – this is the sum of all onclick,
    onmouseover and so on including the
    attribute names. So for example is 11 characters (bytes)
    of JavaScript attributes code
  • CSS style attributes – the sum of all style=”…”
  • Inline JS – the sum of all the contents of all script tags (excluding
    the tag itself)
  • Inline CSS – sum of all tag contents
  • All innerHTML – this is document.documentElement.innerHTML.length,
    it should be close to the ungzipped
    size of a page, provided the page is
    not doing a lot of DOM manipulation

  • DOM elements – the total number of elements on the page is

    counted simply using
    document.getElementsByTagName(‘*’).length