UI Performance

Automated shell/js scripts to analyze frontend performance.

-----------------Bundle size (shell script)---------------

Purpose

Single script to automate installing, building, and reporting on: 1. source-map-explorer 2. webpack-bundle-analyzer 3. bundlephobia

Dependencies

OS - macOs

• node
• npm
• brew

Usage

git clone git@github.com:carolyn-ma/ui-performance.git

cd /[path_to_ui_root]

./[path_to_perf]/ui-performance/bundle-size.sh

*If the command above gives no execution permission error, do shell chmod -x ./[path_to_perf]/ui-performance/bundle-size.sh

*Currently line 34-36 generates a txt file with the link to bundlephobia site, if would like to use the cli functionality to generate a json output, uncomment lines 38-40

Future

Trend analysis on historical reports.

-----------------Rendering time (javascript)---------------