Size: a a a

Webpack — русскоговорящее сообщество

2019 December 24

DT

Daniil Tchernyavsky in Webpack — русскоговорящее сообщество
Вадим
http2 у меня еще с тех времен когда он официально еще не вышел на ноде
я больше озабочен не порядком загрузки а вопросом оптимизации стартового парсинга скриптов
Тогда мне не совсем было ясно твое уточнение с http 1
источник

В

Вадим in Webpack — русскоговорящее сообщество
Daniil Tchernyavsky
Тогда мне не совсем было ясно твое уточнение с http 1
выше написал
> я больше озабочен не порядком загрузки а вопросом оптимизации стартового парсинга скриптов
источник

AM

Alexander Myshov in Webpack — русскоговорящее сообщество
По поводу разбиения большого бандла на кусочки можно прочитать тут https://engineering.wingify.com/posts/demystifying-split-chunks-plugin/
источник

DT

Daniil Tchernyavsky in Webpack — русскоговорящее сообщество
Alexander Myshov
насколько я знаю вебпак будет загружать их в defer-режиме, так что проблем не будет
Изначально нет же, если только не натравить magic comments вебпака или тот же preload webpack plugin
источник

В

Вадим in Webpack — русскоговорящее сообщество
таким образом используя http2 и простой вставкой реакта в виде defer скриптов в html можно избежать большого ботлнека при загрузке и парсинге скриптов - скрипты будут параллельно парсится тредами браузера и ежели они > 30кб плюс к этому байт-код будет еще и кэшироваться
источник

AM

Alexander Myshov in Webpack — русскоговорящее сообщество
странно
источник

AM

Alexander Myshov in Webpack — русскоговорящее сообщество
Вадим
таким образом используя http2 и простой вставкой реакта в виде defer скриптов в html можно избежать большого ботлнека при загрузке и парсинге скриптов - скрипты будут параллельно парсится тредами браузера и ежели они > 30кб плюс к этому байт-код будет еще и кэшироваться
типо того
источник

В

Вадим in Webpack — русскоговорящее сообщество
Alexander Myshov
странно
за ссылочку - спасибо, почитаю
источник

DT

Daniil Tchernyavsky in Webpack — русскоговорящее сообщество
Вадим
таким образом используя http2 и простой вставкой реакта в виде defer скриптов в html можно избежать большого ботлнека при загрузке и парсинге скриптов - скрипты будут параллельно парсится тредами браузера и ежели они > 30кб плюс к этому байт-код будет еще и кэшироваться
Я так понимаю у тебя существует один скрипт вендор со всеми либами, так?
источник

В

Вадим in Webpack — русскоговорящее сообщество
Daniil Tchernyavsky
Я так понимаю у тебя существует один скрипт вендор со всеми либами, так?
да
источник

DT

Daniil Tchernyavsky in Webpack — русскоговорящее сообщество
Вадим
да
Как @myshov выше порекомендовал - почитать про кодсплидинг, если раньше этого не делал. То есть распределить так, чтобы подгружались те скрипты, которые сейчас именно нужны пользователю
источник

DT

Daniil Tchernyavsky in Webpack — русскоговорящее сообщество
можно в сочетании с preload
источник

DT

Daniil Tchernyavsky in Webpack — русскоговорящее сообщество
остальное уже на твое усмотрение как именно
источник

DT

Daniil Tchernyavsky in Webpack — русскоговорящее сообщество
ну и разбить вендор на составные части
источник

AM

Alexander Myshov in Webpack — русскоговорящее сообщество
Daniil Tchernyavsky
Изначально нет же, если только не натравить magic comments вебпака или тот же preload webpack plugin
не... я не про то говорил. Комментарии и плагин можно использовать когда надо добавить <link rel="preload". Я говорил про loader webpack, который инициирует загрузку кода
источник

DT

Daniil Tchernyavsky in Webpack — русскоговорящее сообщество
Alexander Myshov
не... я не про то говорил. Комментарии и плагин можно использовать когда надо добавить <link rel="preload". Я говорил про loader webpack, который инициирует загрузку кода
м, значит не верно прочитал
источник

В

Вадим in Webpack — русскоговорящее сообщество
Daniil Tchernyavsky
Как @myshov выше порекомендовал - почитать про кодсплидинг, если раньше этого не делал. То есть распределить так, чтобы подгружались те скрипты, которые сейчас именно нужны пользователю
код-сплиттинг мы уже более 3х лет варить умеем 🙂
вопрос в большом бандле вендоров и в проблеме его длительного парсинга
источник

DT

Daniil Tchernyavsky in Webpack — русскоговорящее сообщество
Ну разве что бить его на части
источник

DT

Daniil Tchernyavsky in Webpack — русскоговорящее сообщество
какой - то уникальной пилюли я пока не знаю, к сожалению
источник

В

Вадим in Webpack — русскоговорящее сообщество
Daniil Tchernyavsky
какой - то уникальной пилюли я пока не знаю, к сожалению
ну вот я еще вариант подкинул - просто вставлять в html скрипты реакта и юзать http2
очевидный профит - время сборки сократиться 🙂
источник