file-size.github.io
file-size.github.io/element.js
<file-size> Web Component displaying 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/elements.js">
OR
import {} from "https://file-size.github.io/element.js";
Issues
- You can’t read files from other servers unless that server allows you to
CORS - Cross Origin Resource Sharing