Bookmarklet inline Stats_Page
Bookmarklet hébergé sur ce site Stats_Page!
Source: http://ajaxian.com/archives/statsy-find-those-wasted-bytes-with-a-bookmarklet
(function(){
var jsattribs = [
"onmouseover",
"onmouseout",
"onmousedown",
"onmouseup",
"onclick",
"ondblclick",
"onmousemove",
"onload",
"onunload",
"onbeforeunload"
],
cssattribs = ["style"];
function getAttribsSize(attribs) {
var i = 0,
j = 0,
cnt = 0,
value = '',
attr = '',
els = document.getElementsByTagName('*');
for (i = 0; i < els.length; i++) {
for (j = 0; j < attribs.length; j++) {
attr = attribs[j];
value = els[i].getAttribute(attr);
if (value && typeof value === 'string') {
cnt += attr.length;
cnt += 3; // ="..."
cnt += value.length;
}
}
}
return cnt;
}
function getInlineSize(tag) {
var s = 0, all = document.getElementsByTagName(tag);
for (var i = 0; i < all.length; i++) {
s += all[i].innerHTML.length;
}
return s;
}
var jsatt = getAttribsSize(jsattribs);
var cssatt = getAttribsSize(cssattribs);
var msg = [];
msg.push('JS attributes (e.g. onclick): ' + jsatt + ' bytes');
msg.push('CSS style attributes: ' + cssatt);
msg.push('Inline JS: ' + getInlineSize('script'));
msg.push('Inline CSS: ' + getInlineSize('style'));
msg.push('All innerHTML: ' + document.documentElement.innerHTML.length);
msg.push('# DOM elements: ' + document.getElementsByTagName('*').length);
alert(msg.join("\n"));
})();
