Skip to content
/ minimal Public template

a minimal example to measure file size of generated bundles

License

Notifications You must be signed in to change notification settings

magic-examples/minimal

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

@magic-examples/minimal

This is a minimal example app for @magic features.

visit the @magic-examples github organization to see other examples

NPM version Linux Build Status Windows Build Status Coverage Status Greenkeeper badge Known Vulnerabilities

file sizes

at the time of writing this line, this page loads:

  • 12000 bytes of javascript (5500 bytes compressed)
  • 2900 bytes of css (1760 bytes compressed)
  • 1000 bytes index.html (1.25kb bytes compressed)

load stats

ms are approximations:

system: firefox, linux, lenovo x280, wifi location: vienna, austria, europe

  • 4 requests (index.html, magic.js, magic.css, favicon.ico)
  • 17 KB / 10 KB transferred

100% google pagespeed score

w3 css validator

w3 html validator

demo

installation

requirements

  • be in a directory you want to work in
  • have nodejs > 14.2.0 installed.
// clone this repository
git clone https://github.com/magic-examples/minimal ./your-project-name

// go to the new project directoy
cd ./your-project-name

// install @magic dependencies
npm install

// run dev server
npm run dev

// goto http://localhost:2323  in your browser to see the page

// build changes you made to docs dir
npm run build

// reset the remotes to your repository
git remote rename origin upstream
git remote add origin [email protected]/{your name}/{your repo}

// publish changes, after committing them to the local git
git push

About

a minimal example to measure file size of generated bundles

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published