Skip to content

Visualize an HTML document as a tree and detect the biggest sub-trees

License

Notifications You must be signed in to change notification settings

fedebertolini/html-size-visualizer

Repository files navigation

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: Example

Installation

npm -g html-size-visualizer

Usage

The CLI requires only one argument: either a URL or a local file path.

To parse a local HTML file:

html-size-visualizer myFile.html

To parse a website's HTML:

html-size-visualizer http://www.example.com

About

Visualize an HTML document as a tree and detect the biggest sub-trees

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published