Skip to content

Instantly share code, notes, and snippets.

@Restuta

Restuta/framework-sizes.md

Last active June 11, 2025 03:17
Show Gist options
  • Save Restuta/cda69e50a853aa64912d to your computer and use it in GitHub Desktop.
Save Restuta/cda69e50a853aa64912d to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Restuta revised this gist Oct 13, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion framework-sizes.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    Below is the list of modern JS frameworks and almost frameworks – Angular, Ember and React.
    Below is the list of modern JS frameworks and almost frameworks – React, Vue, Angular, Ember and others.

    All files were downloaded from https://cdnjs.com and named accordingly.
    Output from `ls` command is stripped out (irrelevant stuff)
  2. Restuta revised this gist Dec 27, 2017. 1 changed file with 2 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions framework-sizes.md
    View file
    Original file line number Diff line number Diff line change
    @@ -63,6 +63,7 @@ $ ls -lhS
    #2017
    29K Dec 27 12:24 react-dom-16.2.0.production.min.js.gz
    2.8K Dec 27 12:22 react-16.2.0.production.min.js.gz
    63K Dec 27 13:18 aurelia-core-1.0.2.min.js.gz
    ```

    ##### Approximations for GZipped versions
    @@ -81,6 +82,7 @@ React 16.2.0 + React DOM | 31.8K
    Vue 2.4.2 | **20.9K**
    Inferno 1.2.2 | 20K
    Preact 7.2.0 | **4kb**
    Aurelia 1.0.2 | 63K

    ---

  3. Restuta revised this gist Dec 27, 2017. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion framework-sizes.md
    View file
    Original file line number Diff line number Diff line change
    @@ -77,10 +77,10 @@ Angular 1.4.5 | 51K
    React 0.14.5 + React DOM | 40K
    React 0.14.5 + React DOM + Redux | 42K
    React 15.3.0 + React DOM | 43K
    React 16.2.0 + React DOM | 31.8K
    Vue 2.4.2 | **20.9K**
    Inferno 1.2.2 | 20K
    Preact 7.2.0 | **4kb**
    React 16.2.0 + React DOM | 31.8K

    ---

  4. Restuta revised this gist Dec 27, 2017. 1 changed file with 13 additions and 3 deletions.
    16 changes: 13 additions & 3 deletions framework-sizes.md
    View file
    Original file line number Diff line number Diff line change
    @@ -19,6 +19,10 @@ $ ls -lhS
    5.3K Jan 4 22:00 redux-3.0.5.min.js
    706B Jan 4 21:57 react-dom-0.14.5.min.js
    63K Oct 13 03:02 vue-2.0.3.min.js
    # 2017
    91K Dec 27 12:24 react-dom-16.2.0.production.min.js
    6.5K Dec 27 12:22 react-16.2.0.production.min.js
    ```

    ##### This gives us following approximations
    @@ -30,14 +34,15 @@ Ember 1.13.8 | 486K
    Angular 2 | 566K
    Angular 2 + Rx | **766K**
    Angular 1.4.5 | 143K
    React 0.14.5 + React DOM | **133K**
    React 0.14.5 + React DOM + Redux | 139K
    Vue 2.4.2 | 58.8K
    Inferno 1.2.2 | 48K
    Preact 7.2.0 | **16K**
    React 0.14.5 + React DOM | **133K**
    React 0.14.5 + React DOM + Redux | 139K
    React 16.2.0 + React DOM | 97.5K


    ### GZipped
    ### GZipped and minified (plain output)

    ```
    $ gzip -r .
    @@ -54,6 +59,10 @@ $ ls -lhS
    1.9K Jan 4 22:11 redux-3.0.5.min.js.gz
    455B Jan 4 22:11 react-dom-0.14.5.min.js.gz
    23K Oct 13 03:02 vue-2.0.3.min.js.gz
    #2017
    29K Dec 27 12:24 react-dom-16.2.0.production.min.js.gz
    2.8K Dec 27 12:22 react-16.2.0.production.min.js.gz
    ```

    ##### Approximations for GZipped versions
    @@ -71,6 +80,7 @@ React 15.3.0 + React DOM | 43K
    Vue 2.4.2 | **20.9K**
    Inferno 1.2.2 | 20K
    Preact 7.2.0 | **4kb**
    React 16.2.0 + React DOM | 31.8K

    ---

  5. Restuta revised this gist Jul 28, 2017. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion framework-sizes.md
    View file
    Original file line number Diff line number Diff line change
    @@ -32,7 +32,7 @@ Angular 2 + Rx | **766K**
    Angular 1.4.5 | 143K
    React 0.14.5 + React DOM | **133K**
    React 0.14.5 + React DOM + Redux | 139K
    Vue 2.4.2 | 58.8
    Vue 2.4.2 | 58.8K
    Inferno 1.2.2 | 48K
    Preact 7.2.0 | **16K**

  6. Restuta revised this gist Jul 28, 2017. 1 changed file with 4 additions and 3 deletions.
    7 changes: 4 additions & 3 deletions framework-sizes.md
    View file
    Original file line number Diff line number Diff line change
    @@ -32,8 +32,9 @@ Angular 2 + Rx | **766K**
    Angular 1.4.5 | 143K
    React 0.14.5 + React DOM | **133K**
    React 0.14.5 + React DOM + Redux | 139K
    Vue 2.4.2 | 58.8
    Inferno 1.2.2 | 48K
    Preact 7.2.0 | 16kb
    Preact 7.2.0 | **16K**


    ### GZipped
    @@ -67,9 +68,9 @@ Angular 1.4.5 | 51K
    React 0.14.5 + React DOM | 40K
    React 0.14.5 + React DOM + Redux | 42K
    React 15.3.0 + React DOM | 43K
    Vue 2.0.3 | **23K**
    Vue 2.4.2 | **20.9K**
    Inferno 1.2.2 | 20K
    Preact 7.2.0 | 4kb
    Preact 7.2.0 | **4kb**

    ---

  7. Restuta revised this gist Jul 28, 2017. 1 changed file with 2 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions framework-sizes.md
    View file
    Original file line number Diff line number Diff line change
    @@ -71,4 +71,6 @@ Vue 2.0.3 | **23K**
    Inferno 1.2.2 | 20K
    Preact 7.2.0 | 4kb

    ---

    Also take a look at this awesome tool https://cost-of-modules.herokuapp.com created by @pastelsky
  8. Restuta revised this gist Jul 28, 2017. 1 changed file with 4 additions and 0 deletions.
    4 changes: 4 additions & 0 deletions framework-sizes.md
    View file
    Original file line number Diff line number Diff line change
    @@ -32,6 +32,8 @@ Angular 2 + Rx | **766K**
    Angular 1.4.5 | 143K
    React 0.14.5 + React DOM | **133K**
    React 0.14.5 + React DOM + Redux | 139K
    Inferno 1.2.2 | 48K
    Preact 7.2.0 | 16kb


    ### GZipped
    @@ -66,5 +68,7 @@ React 0.14.5 + React DOM | 40K
    React 0.14.5 + React DOM + Redux | 42K
    React 15.3.0 + React DOM | 43K
    Vue 2.0.3 | **23K**
    Inferno 1.2.2 | 20K
    Preact 7.2.0 | 4kb


  9. Restuta revised this gist Nov 5, 2016. No changes.
  10. Restuta revised this gist Nov 5, 2016. 1 changed file with 7 additions and 3 deletions.
    10 changes: 7 additions & 3 deletions framework-sizes.md
    View file
    Original file line number Diff line number Diff line change
    @@ -18,6 +18,7 @@ $ ls -lhS
    121K Jan 4 21:35 angular.1.3.2.min.js
    5.3K Jan 4 22:00 redux-3.0.5.min.js
    706B Jan 4 21:57 react-dom-0.14.5.min.js
    63K Oct 13 03:02 vue-2.0.3.min.js
    ```

    ##### This gives us following approximations
    @@ -49,6 +50,7 @@ $ ls -lhS
    32K Jan 4 22:11 angular2.0.0-beta.0-Rx.min.js.gz
    1.9K Jan 4 22:11 redux-3.0.5.min.js.gz
    455B Jan 4 22:11 react-dom-0.14.5.min.js.gz
    23K Oct 13 03:02 vue-2.0.3.min.js.gz
    ```

    ##### Approximations for GZipped versions
    @@ -60,7 +62,9 @@ Ember 1.13.8 | 123K
    Angular 2 | 111K
    Angular 2 + Rx | **143K**
    Angular 1.4.5 | 51K
    React 0.14.5 + React DOM | **40K**
    React 15.3.0 + React DOM | **43K**
    React 0.14.5 + React DOM + Redux | 42K
    React 0.14.5 + React DOM | 40K
    React 0.14.5 + React DOM + Redux | 42K
    React 15.3.0 + React DOM | 43K
    Vue 2.0.3 | **23K**


  11. Restuta revised this gist Aug 15, 2016. 1 changed file with 2 additions and 1 deletion.
    3 changes: 2 additions & 1 deletion framework-sizes.md
    View file
    Original file line number Diff line number Diff line change
    @@ -61,5 +61,6 @@ Angular 2 | 111K
    Angular 2 + Rx | **143K**
    Angular 1.4.5 | 51K
    React 0.14.5 + React DOM | **40K**
    React 0.14.5 + React DOM + Redux | 42K
    React 15.3.0 + React DOM | **43K**
    React 0.14.5 + React DOM + Redux | 42K

  12. Restuta revised this gist Jan 5, 2016. 1 changed file with 15 additions and 15 deletions.
    30 changes: 15 additions & 15 deletions framework-sizes.md
    View file
    Original file line number Diff line number Diff line change
    @@ -3,7 +3,7 @@ Below is the list of modern JS frameworks and almost frameworks – Angular, Emb
    All files were downloaded from https://cdnjs.com and named accordingly.
    Output from `ls` command is stripped out (irrelevant stuff)

    ### As-is
    ### As-is (minified)

    ```
    $ ls -lhS
    @@ -24,13 +24,13 @@ $ ls -lhS

    Name | Size
    ------------- | -------------
    Ember 2.2.0 | *435K*
    Ember 1.13.8 | *486K*
    Angular 2 | *566K*
    Angular 2 + Rx | *566K*
    Angular 1.4.5 | *143K*
    React 0.14.5 + React DOM | *133K*
    React 0.14.5 + React DOM + Redux | *139K*
    Ember 2.2.0 | 435K
    Ember 1.13.8 | 486K
    Angular 2 | 566K
    Angular 2 + Rx | **766K**
    Angular 1.4.5 | 143K
    React 0.14.5 + React DOM | **133K**
    React 0.14.5 + React DOM + Redux | 139K


    ### GZipped
    @@ -55,11 +55,11 @@ $ ls -lhS

    Name | Size
    ------------- | -------------
    Ember 2.2.0 | *111K*
    Ember 1.13.8 | *123K*
    Angular 2 | *111K*
    Angular 2 + Rx | *143K*
    Angular 1.4.5 | *51K*
    React 0.14.5 + React DOM | *40K*
    React 0.14.5 + React DOM + Redux | *22K*
    Ember 2.2.0 | 111K
    Ember 1.13.8 | 123K
    Angular 2 | 111K
    Angular 2 + Rx | **143K**
    Angular 1.4.5 | 51K
    React 0.14.5 + React DOM | **40K**
    React 0.14.5 + React DOM + Redux | 42K

  13. Restuta created this gist Jan 5, 2016.
    65 changes: 65 additions & 0 deletions framework-sizes.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,65 @@
    Below is the list of modern JS frameworks and almost frameworks – Angular, Ember and React.

    All files were downloaded from https://cdnjs.com and named accordingly.
    Output from `ls` command is stripped out (irrelevant stuff)

    ### As-is

    ```
    $ ls -lhS
    566K Jan 4 22:03 angular2.min.js
    563K Jan 4 22:05 angular2.0.0-beta.0-all.umd.min.js
    486K Jan 4 21:50 ember.1.13.8.min.js
    435K Jan 4 21:48 ember.2.2.0.min.js
    205K Jan 4 22:06 angular2.0.0-beta.0-Rx.min.js
    144K Jan 4 21:59 react-with-addons-0.14.5.min.js
    143K Jan 4 21:46 angular.1.4.5.min.js
    132K Jan 4 21:56 react-0.14.5.min.js
    121K Jan 4 21:35 angular.1.3.2.min.js
    5.3K Jan 4 22:00 redux-3.0.5.min.js
    706B Jan 4 21:57 react-dom-0.14.5.min.js
    ```

    ##### This gives us following approximations

    Name | Size
    ------------- | -------------
    Ember 2.2.0 | *435K*
    Ember 1.13.8 | *486K*
    Angular 2 | *566K*
    Angular 2 + Rx | *566K*
    Angular 1.4.5 | *143K*
    React 0.14.5 + React DOM | *133K*
    React 0.14.5 + React DOM + Redux | *139K*


    ### GZipped

    ```
    $ gzip -r .
    $ ls -lhS
    123K Jan 4 22:11 ember.1.13.8.min.js.gz
    119K Jan 4 22:11 angular2.0.0-beta.0-all.umd.min.js.gz
    111K Jan 4 22:11 ember.2.2.0.min.js.gz
    111K Jan 4 22:11 angular2.min.js.gz
    51K Jan 4 22:11 angular.1.4.5.min.js.gz
    45K Jan 4 22:11 angular.1.3.2.min.js.gz
    42K Jan 4 22:11 react-with-addons-0.14.5.min.js.gz
    39K Jan 4 22:11 react-0.14.5.min.js.gz
    32K Jan 4 22:11 angular2.0.0-beta.0-Rx.min.js.gz
    1.9K Jan 4 22:11 redux-3.0.5.min.js.gz
    455B Jan 4 22:11 react-dom-0.14.5.min.js.gz
    ```

    ##### Approximations for GZipped versions

    Name | Size
    ------------- | -------------
    Ember 2.2.0 | *111K*
    Ember 1.13.8 | *123K*
    Angular 2 | *111K*
    Angular 2 + Rx | *143K*
    Angular 1.4.5 | *51K*
    React 0.14.5 + React DOM | *40K*
    React 0.14.5 + React DOM + Redux | *22K*