Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Уменьшение размера банда #172

Open
akellbl4 opened this issue Jan 10, 2021 · 7 comments
Open

Уменьшение размера банда #172

akellbl4 opened this issue Jan 10, 2021 · 7 comments

Comments

@akellbl4
Copy link
Collaborator

akellbl4 commented Jan 10, 2021

1. Убрать библиотеку ilyabirman-likely

Заменить обработку кликов на:
Twitter https://twitter.com/intent/tweet?url={url}&text={title}
Facebook https://www.facebook.com/sharer.php?u={url}
VK 'https://vk.com/share.php?url={url}&title={title}

  1. Не ясно назначение пакета domready
    Может быть заменено:
if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', init);
} else {
  init();
}
  1. Можно избавиться от debug в пользу обычного console.log если вообще стоит оставлять легирование в продакшн сборке

  2. Непонятно используется ли пакет hoverintent, element-closest

  3. Использовать полифилы на основе browserslist через useBuiltIns: 'usage' без ручной вставки

  4. Попробовать добавить purgecss чтобы удалять неиспользуемые стили из CSS.

@akellbl4
Copy link
Collaborator Author

@webkonstantin подскажешь по debug, hoverintent, element-closest :) Вижу что для closest стоит руками полифил.
Как я понял babel втыкает полифилы через useBuiltIns: 'usage' + они вставляются руками, кмк надо либо одно либо другое

@webkonstantin
Copy link
Collaborator

debug в прод сборке не должен оказываться

if (process.env.NODE_ENV === 'production') {
debug = () => () => {};
} else {
debug = require('debug');
}

element-closest и hoverintent нигде не подключаются, поэтому тоже не должны попадать в сборку. можно их удалить по идее

@akellbl4
Copy link
Collaborator Author

Убрал element-closest и hoverintent в моем PR #171

@akellbl4
Copy link
Collaborator Author

Так же используется полифил для customEvent, хотя он появился еще в IE9 https://caniuse.com/customevent

@akellbl4
Copy link
Collaborator Author

akellbl4 commented Jan 10, 2021

Так же в идеале вставка всех картинок должна быть через <img loading="lazy"/>
И было бы не плохо все имеющиеся картинки так же кодировать в web/avif

@webkonstantin
Copy link
Collaborator

насчет CustomEvent, используется конструктор, который в ie не поддерживается

@akellbl4
Copy link
Collaborator Author

akellbl4 commented Jan 11, 2021

Ну то есть, если использовать старый конструктор, то можно не юзать полифил :)
Как например уже делается тут

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants