Find longest CSS class name on site

Examples.md

Find longest CSS class name on site

Copy the code inside congestCSS.js and run it in the developer console. You get some information about the longest class used on the website.

Examples

Website Yandex image search

The longest classname is 516 chars long, contains 32 CSS classes

Website Google image search

The longest classname is 43 chars long, contains 5 CSS classes

Website Bing image search

The longest classname is 28 chars long, contains 1 CSS classes

longestCSS.js

var ilen = -1, longest = "";
Array.prototype.forEach.call(document.querySelectorAll("[class]"), function(e) {
  var sClass = e.getAttribute("class");
  var l = sClass.length;
  if (l>ilen) {
    ilen = l;
    longest = sClass;
  }
})
console.log(`### Website ${document.location.href}\n> The longest classname is ${ilen} chars long, contains ${longest.split(" ").length} CSS classes`)