❤
npm
Sign UpSign In

html-size-visualizer

1.1.0 • Public • Published

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

/html-size-visualizer/

    Package Sidebar

    Install

    npm i html-size-visualizer

    Repository

    github.com/fedebertolini/html-size-visualizer

    Homepage

    github.com/fedebertolini/html-size-visualizer#readme

    Weekly Downloads

    7

    Version

    1.1.0

    License

    MIT

    Unpacked Size

    11.1 kB

    Total Files

    9

    Last publish

    Collaborators

    • fedebertolini
    Try on RunKit
    Report malware