1 мегабайт js-минимизированного кода от плагина — это нормально для одного плагина?

ну... все началось что друг поставил этот плаг и порекомендовал. Я глянул. В каментах на его страничке я поднял тему веса js файла. Разработчик тоже увидел тему и подключился в общение. Но толком не дал никаких комментариев, а лишь они на пару, во мне породили сомнения - "может я гоню и так на самом деле норм". В общем разраб сказал это https://yadi.sk/i/44wiGFJwnzqSIA

Я понимаю - файл с сервака отдается сжатым:
1. его браузер должен распаковать. Так файл из 1 мегабайта отдается 300 килобайтным весом.
Но второе - один фиг 1 мегабайт помимо загрузки и распаковки клиенту надо будет отрендерить. т.е. обработать все что там есть. Вот и подумал - дофига это.

т.к. в каментах общалось нас трое и двое сказали что вес - это ерунда. Хочу услышать мнение IT отрасли. Те кто в теме. Вы то наверно в хроме отладчиком умеете пользоваться и снимать метрики - дофига это или нет.

Тема ожирения веба, да и разработки в целом, достаточно часто поднимается в инете. Может это я начал параноить - начитавшись подобного?

Владимир Дружаев,

в каментах общалось нас трое и двое сказали что вес - это ерунда

Есть две хороших книги от авторитетных авторов, в которых такая позиция осуждается - "Release it!" и "Чистый код". Но подавляющее большинство фронтендеров и wordpress-конфигураторов никогда их не читали и читать вряд ли станут.

Сергей Горностаев, спасибо. Вторую встречал. Первую возьму на заметку.

Владимир Дружаев, ну посмотрев исходники скажу, что не понимаю зачем было добавлять в бандл:
1. jquery
2. immutable
3. react-select
4. axios

Без части остальных зависимостей, уверен, тоже можно было бы обойтись.
Да и сам react хорошо бы вынести.

Это, вообще, вызвало крайнее недоумение:

let list = [];
if (editorToolbarOptions.indexOf('ordered') !== -1) {
  list.push({'list': 'ordered'});
}

if (editorToolbarOptions.indexOf('bullet') !== -1) {
  list.push({'list': 'bullet'});
}

if (list) {
  toolbar.push(list);
}


let other = ['link', 'clean'];

other = other.filter((item) => {
  return editorToolbarOptions.indexOf(item) !== -1;
});

if (other) {
  toolbar.push(other);
}

Зачем там проверки, которые всегда возвращают true?)
И подобные проверки:
editorToolbarOptions !== []
всегда будут давать true.
Не используются стрелочные функции для колбеков. Присутствует дублирование кода.

Но все равно, основной вес бандла это зависимотси.

Сам код автора: 60кб (10кб гзипнутый).

В сборке присутствует весь lodash, зачем-то post-css, axios и вместе с ним полифилл для fetch.
Думаю, при желании, размер этого плагина можно сократить очень сильно. Особенно если заменить quill чем-нибудь полегче.

Антон Спирин, ого. Вот это отличный ответ. Спасибо за график с зависимостями. И jquery и лайтбокс... А зачем они мне повторно?
Пошел гуглить что такое quill.js

p.s. кстати - картинка очень здорово отображает топовую статью на хабре про разочарование в софте. Тут ее в каментах уже дважды вспоминали

Владимир Дружаев, ну к добавлению зависимостей в проект надо подходить очень осторожно. Особенно, если это плагин.
По логике автора, видимо, нормально если каждый подобный плагин на сайте будет тянуть свою библиотеку для загрузки данных, свой JQuery, react, lodash, необязательный immutable, громоздкие реализации компонентов, большая часть функционала которых не нужна и прочее.
А может он ни о чем подобном никогда и не задумывался. Тогда ему определенно стоит увидеть скрин с картой зависимостей.

В каменте к ответу Ивана я давал уже эту ссылку.
Но мне нужен ответ матерых программистов - кто именно занимается разработкой и думает о производительности. Их примеры и развернутые ответы о такой массе js - были бы к месту.

Владимир Дружаев, я в web-разработке с 2002-го года. Всякое видел, что такое хорошо и плохо знаю. В последние лет пять-семь на каждом проекте модные творцы пытаются мне подсунуть 15-метровую вёрстку или ещё большего размера фронт. Я каждый раз ору как животное, а иногда даже порываюсь избить того, кто нанял этих засранцев. Но потом успокаиваюсь, потому что других найти почти невозможно. Так что добавить мне в общем-то нечего, по ссылке чистая правда.

Блин... нету чтоли туториала как надо делать и как не надо? Помнится в качалке в молодости (да и щас не стар) когда занимался - была книга "Думай" (Стюарт МакРоберт) и потом вышла "Думай 2" - неужто подобного нет для фронтендеров? Там говорилось не о том - что ты качаться как бычара должен - а слушать тело, смотреть вокруг и думать - что ты делаешь и для чего. Анализировать ситуацию.

Я сам и бек и фронт - но не настолько, чтоб был гуру и там и там... Но "какого фига происходит" - задумываюсь я...

Владимир Дружаев, нет, единого мнения по этому вопросу нет, а как следствие и книг. ИТ - молодая отрасль, мы ещё только ищем путь как делать правильно и эффективно.

Владимир Дружаев,

Блин... нету чтоли туториала как надо делать и как не надо?

От задачи зависит.
Получив такой огромный фроненд я бы подумал - а нафига весь этот код, что он делает? У меня что, Wrike?