Punerea aplicației pe o dietă cu Meteor 1

Luând Vulcan de la 4,2 MB la 1,98 MB

Meteor 1.5 tocmai a ieșit, iar noua caracteristică mare, strălucitoare, este importurile dinamice.

dietă

Dar un instrument foarte interesant a fost livrat, de asemenea, alături de această caracteristică: Bundle Visualizer:

Acest lucru vă arată pe un grafic exact pachetele Meteor și NPM care ocupă cel mai mult spațiu din pachetul dvs.

Pentru a o utiliza, pur și simplu actualizați aplicația la Meteor 1.5, adăugați pachetul de vizualizare a pachetului și apoi rulați aplicația în modul de producție (meteor --production).

Vizualizatorul poate dezvălui câteva fapte surprinzătoare, la fel ca atunci când l-am folosit pe Vulcan!

Am renunțat să mă concentrez pe dimensiunea pachetului mult prea mult timp și s-a arătat! Pachetul a intrat la 4,2 MB masiv, fără gzip:

Dacă te uiți la bara portocalie (a doua din centru), poți vedea că există un segment lung și continuu și apoi se descompune în bucăți mai mici. Acel segment continuu corespunde pachetelor NPM ale aplicației (cu alte cuvinte, temutul folder node_modules), care depășesc drastic codul Meteor actual (micile bucăți).

Iată o defalcare a celor mai mari vinovați:

  • intl: 935 kb
  • react-intl: 341kb
  • intl-relativeformat: 331kb
  • react-dom: 181kb
  • graphql: 171kb
  • react-bootstrap: 161kb
  • ghidon: 75,8 kb
  • core-js: 75.2kb
  • lodash: 72,8 kb
  • eliptică: 72,5 kb
  • client apollo: 64kb
  • crypto-js: 56kb
  • intl-messageformat: 55,1kb
  • moment: 49kb
  • schemă simplă: 39kb

După cum puteți vedea, cea mai mare bucată de departe a fost pachetele de internaționalizare, cu 1,6 MB în total! Cu alte cuvinte, 40% din dimensiunea pachetului a fost preluată de o caracteristică de care majoritatea oamenilor ar putea să nu aibă întotdeauna nevoie.