file-size

file-size.github.io/element.js

GitHub source

<file-size> Web Component displays Minified & GZip sizes and (optional) GZThermal Image

See: Dev.to post: Size does matter

Use:

<file-size src="..."></file-size>

Open GZip thermal analysis by default:

<file-size gz src="..."></file-size>

Hold down alt Key + click the thermal image to open the .js source file.

Load

<script src="https://file-size.github.io/element.js">

    OR

import {} from "https://file-size.github.io/element.js";

Issues

• 3rd party GZThermal API has a (unknown) traffic limit
• 3rd party API errors on files over 48-56 Kilobytes
• can’t read files from other servers unless that server allows you to
  CORS - Cross Origin Resource Sharing

<file-size> Web Component GZip thermal analysis: element.js

This site is open source. Improve this page.