1.1.0 • Published 2 years ago
html-size-visualizer v1.1.0
html-size-visualizer
Description
Simple CLI that parses a HTML document and creates a graph representation of the document.
Each HTML tag is represented with a node. Each node is colored depending on its sub-tree's
estimated size (in characters) using a green-red scale, red for the node with the biggest
subtree (always the root <html> tag) and green for the smallest leafs.
The graph is intended to detect possible optimizations by trimming out the biggests sub-trees.
Example:
Installation
npm -g html-size-visualizerUsage
The CLI requires only one argument: either a URL or a local file path.
To parse a local HTML file:
html-size-visualizer myFile.htmlTo parse a website's HTML:
html-size-visualizer http://www.example.com