Покладіть свій додаток на дієту з Meteor 1

Беручи Vulcan з 4,2 МБ до 1,98 МБ

Meteor 1.5 щойно вийшов, і великою, блискучою, новою функцією є динамічне імпортування.

свій

Але поряд із цією функцією поставляється і справді крутий інструмент: візуалізатор набору:

Це показує на графіку, які саме пакети Meteor та NPM займають найбільше місця у вашому наборі.

Щоб використовувати його, просто оновіть свій додаток до Meteor 1.5, додайте до нього пакет візуалізатора пакета, а потім запустіть додаток у виробничому режимі (meteor --production).

Візуалізатор може відкрити деякі дивовижні факти, як це було, коли я використовував його на Vulcan!

Я занадто довго відкладав фокус на розмірі пачки, і це показало! Пакет отримав величезні 4,2 ​​МБ без gzip:

Якщо ви подивитесь на помаранчеву смужку (другу від центру), ви побачите, що є один довгий суцільний сегмент, а потім він розпадається на менші шматки. Цей безперервний сегмент відповідає пакетам NPM програми (іншими словами, страшній папці node_modules), які різко переважають фактичний код Метеора (маленькі шматки).

Ось розбивка найбільших винуватців:

  • міжнародний: 935кб
  • response-intl: 341кб
  • intl-relativeformat: 331kb
  • реакція-dom: 181кб
  • graphql: 171кб
  • реакція-завантажувальний ремінь: 161 кб
  • кермо: 75,8 кб
  • core-js: 75,2 кб
  • лодаш: 72,8кб
  • еліптична: 72,5 кб
  • apollo-клієнт: 64kb
  • crypto-js: 56кб
  • intl-messageformat: 55.1kb
  • момент: 49кб
  • проста схема: 39кб

Як бачите, найбільшим шматочком на сьогоднішній день були пакети інтернаціоналізації, загалом 1,6 МБ! Іншими словами, 40% розміру пакета було зайнято функцією, яка більшості людей може бути не завжди потрібна.