JavaScript Package Size Cost like bundlephobia or import-cost

Related tags

Learning resource esmj-size
Overview

JavaScript Page Size Cost

The @esmj/size show you javascript cost for your defined packages. The packages is bundled with Webpack. Then show the bundle size and downloaded time for javascript bundle.

Requirements

  • Node 14+

Install

npm install -g @esmj/size
esmj-size @merkur/core
// or
npx @esmj/size @merkur/core

Usage

You can display all available commands with following command.

esmj-size react,react-dom
# ┌────────────────────────────────────────┬────────────────────┬────────────────────┬────────────────────┐
# │ Package                                │ Minify             │ Minify+Gzip        │ Minify+Brotli      │
# ├────────────────────────────────────────┼────────────────────┼────────────────────┼────────────────────┤
# │ react,react-dom                        │ 136.27 KB          │ 41.52 KB           │ 35.96 KB           │
# └────────────────────────────────────────┴────────────────────┴────────────────────┴────────────────────┘
# ┌────────────────────┬────────────────────┬────────────────────┬────────────────────┬────────────────────┐
# │ Bundle             │ 2g                 │ 3g                 │ 4g                 │ 5g                 │
# ├────────────────────┼────────────────────┼────────────────────┼────────────────────┼────────────────────┤
# │ minify             │ 11.63 s            │ 2.79 s             │ 159.47 ms          │ 62.02 ms           │
# ├────────────────────┼────────────────────┼────────────────────┼────────────────────┼────────────────────┤
# │ gzip               │ 3.54 s             │ 850.38 ms          │ 48.59 ms           │ 18.9 ms            │
# ├────────────────────┼────────────────────┼────────────────────┼────────────────────┼────────────────────┤
# │ brotli             │ 3.07 s             │ 736.4 ms           │ 42.08 ms           │ 16.36 ms           │
# └────────────────────┴────────────────────┴────────────────────┴────────────────────┴────────────────────┘

esmj-size easy-uid --json
# {
#   minify: {
#     size: 297,
#     speed: { '2g': 24.75, '3g': 5.94, '4g': 0.3394285714285714, '5g': 0.132 }
#   },
#   gzip: {
#     size: 212,
#     speed: {
#       '2g': 17.666666666666668,
#       '3g': 4.24,
#       '4g': 0.2422857142857143,
#       '5g': 0.09422222222222222
#     }
#   },
#   brotli: {
#     size: 177,
#     speed: {
#       '2g': 14.75,
#       '3g': 3.54,
#       '4g': 0.2022857142857143,
#       '5g': 0.07866666666666666
#     }
#   }
# }

You can display all available commands and settings with following command.

esmj-size --help
You might also like...

📖 Import Instapaper content to Omnivore

instapaper-to-omnivore-import A little script that I made to import my huge collection of links from Instapaper to Omnivore. Hopefully someone else fi

Dec 18, 2022

A meme generator plugin for Figma and FigJam. Import memes from all over the internet with customizable captions and share it far and wide.

A meme generator plugin for Figma and FigJam. Import memes from all over the internet with customizable captions and share it far and wide.

Is This A Meme? 💁🏻 🦋 A meme generator plugin for Figma and FigJam. Import memes from all over the internet, add your captions, and share it far and

Aug 30, 2022

Import flow for Excel (.xlsx) and CSV file with automated column matching and validation.

Import flow for Excel (.xlsx) and CSV file with automated column matching and validation.

RSI react-spreadsheet-import ⚡️ A component used for importing XLS / XLSX / CSV documents built with Chakra UI. Import flow combines: 📥 Uploader ⚙️ P

Dec 24, 2022

JSON Visio is data visualization tool for your json data which seamlessly illustrates your data on graphs without having to restructure anything, paste directly or import file.

JSON Visio is data visualization tool for your json data which seamlessly illustrates your data on graphs without having to restructure anything, paste directly or import file.

JSON Visio is data visualization tool for your json data which seamlessly illustrates your data on graphs without having to restructure anything, paste directly or import file.

Jan 4, 2023

Boost is a Microsoft Excel Add-in to help developers import large excel workbooks into their database using SQL queries

Boost is a Microsoft Excel Add-in to help developers import large excel workbooks into their database using SQL queries

Microsoft Excel Add-in for Developers About Us Boost is a Microsoft Excel Add-in to help developers import large excel workbooks into their database u

Sep 30, 2022

⛲ Sort import declarations into a pleasing and readable cascade.

⛲ eslint-plugin-cascading-imports This plugin allows to automatically enforce a visual "cascading" order for import declarations. Imports in each bloc

Jan 20, 2022

Import/Export data from and to your database in just few clicks.

Import/Export data from and to your database in just few clicks.

Strapi Plugin Import Export Entries Import/Export data from and to your database in just few clicks. Features Import Import data directly from the Con

Dec 28, 2022

Python based web application to import, connect and analyze manufacturing data from multiple data sources.

Python based web application to import, connect and analyze manufacturing data from multiple data sources.

Analysis Platform Analysis Platform is an open source web application to import, connect and visualize factory IoT data. It helps to collect, link and

Dec 1, 2022

Auto-import components in Astro projects

Astro Auto Import 🔗 Looking for the main package? Jump to astro-auto-import → 🚀 Project Structure This project uses workspaces to develop a single p

Dec 30, 2022
Releases(v0.3.0)
Owner
Miroslav Jancarik
Miroslav Jancarik
GitHub
Package fetcher is a bot messenger which gather npm packages by uploading either a json file (package.json) or a picture representing package.json. To continue...

package-fetcher Ce projet contient un boilerplate pour un bot messenger et l'executable Windows ngrok qui va permettre de créer un tunnel https pour c

AILI Fida Aliotti Christino 2 Mar 29, 2022
A work-in-progress HTML sanitizer that strives for: performance like window.Sanitizer, readiness like DOMPurify, and ability to run in a WebWorker like neither of those.

Amuchina A work-in-progress HTML sanitizer that strives for: performance like window.Sanitizer, readiness like DOMPurify, and ability to run in a WebW

Fabio Spampinato 9 Sep 17, 2022
A bot to automatically DCA (Dollar-Cost Average) buy cryptocurrency on Binance

Binance DCA (Dollar-Cost-Averaging) Bot This bot allows you to sit back and relax while it automatically invests in cryptocurrency on the Binance exch

Luke Liasi 164 Jan 6, 2023
Use pulsar to make custom trading strategy that uses Flashloans at low cost. No contract deployment required.

PULSAR Pulsar is a contract that will let you execute custom call on the blockchain and let you make use of the Flasloans in your trading sequences. Y

idecentralize.finance 9 Jun 6, 2022
Ethereum smart contract gas cost waste pattern detection and patching tool

Ethereum smart contract gas cost waste pattern detection and patching tool

ibelab 4 Mar 23, 2022
Low cost, low effort P2P WebRTC serverless signalling using Cloudflare Workers

P2PCF P2PCF enables free (or cheap) serverless WebRTC signalling using a Cloudflare worker and a Cloudflare R2 bucket. The API is inspired by P2PT, bu

Greg Fodor 560 Jan 8, 2023
Test each framework for it's performance cost

Framework Benchmarks Test each framework for it's performance, particularly common Lighthouse and CWV metrics as applications scale Important: This is

Builder.io 366 Jan 2, 2023
Import ES Modules from the top StackOverflow answer to a question

StackOverflow Copilot Like GitHub Copilot, but worse! Imports the first codeblock of the first answer to a StackOverflow question as an ES Module Usag

Mary 28 Jan 18, 2022
⚡Chrome extension allows you to create lists of Google and Github dork to open multiple tabs with one click, import "scope/out of scope" from #HackerOne #Bugcrowd #Intigriti ...

FastDork v0.1 This chrome extension allows you to create lists of Google and Github dork to open multiple tabs with one click, import "scope/out of sc

skvndr 74 Dec 31, 2022
SWC plugin for transforming import path.

swc-plugin-transform-import Inspired from babel-plugin-transform-imports Installation npm i -D swc-plugin-transform-import Uses with webpack-config //

Ankit Chouhan 35 Dec 24, 2022