Кстати в хитхаб можно включить проверку на свежие обновления

Да, там есть какой-то бот под это дело

Если через сборщик делать, то ты просто все либы обновишь Можно дальше пойти и на том же гитхаб сделать свой репозиторий с нужными модулями и либами и напрямую с гитхаб обновлять простым npm install

Я не про npm install, без ноды.

Чтоб тот же свайпер лежал в media, плагином его добавить в реестр ассетов. Я так бандл добавил. Можно в расширениях любых джумлы использовать его.

Но хотелось использовать модульные возможности, чтоб не 180 кило грузить, а по необходимости

С другой стороны браузер выкачал бандл один раз и закэшировал. А модульная история как работает? Когда на одной странице разные экземпляры свайпера с разным набором js модулей используется

Гляну, не у компа

У тебя может быть 1-10мб кода на js для логики на весь сайт, но по факту при открытии страницы подгрузиться 50-100кб

В Joomla 4 весь js написан на ES, посему можно определенные функции тянуть прямо к себе в бандл

Не партесь по скорости скоро все тарифы порежут безлимитки и цену в 2 раза поднимут к концу года это будет не кретично залетаем

Не партесь по скорости скоро все тарифы порежут безлимитки и цену в 2 раза поднимут к концу года это будет не кретично залетаем

ты тогда противоречишь сам себе

наоборот надо делать оптимизированный фронт

ты тогда противоречишь сам себе

это я так к слову, если взять интернет 5 лет назад, то он мало бы потянул многие сайты. Вы заметьте сейчас под десктоп почти не оптимизируют, так как у каждого на линии 100 мбит почти

https://habr.com/ru/post/674244/

это я так к слову, если взять интернет 5 лет назад, то он мало бы потянул многие сайты. Вы заметьте сейчас под десктоп почти не оптимизируют, так как у каждого на линии 100 мбит почти

Да линия может быть и в 1 гигабит, но если у тебя комп слабый, то браузер может подтормаживать. Повторю ещё раз: принцип работы браузера простой - загрузить из сети, прочитать данные, проанализировать и отрендерить страницу. У тебя может быть скрипт вообще пару строк и по весу всей страницы пусть занимает килобайт 20, но то, что в коде может сожрать всю операционку и браузер подвиснит и потом отвалиться Я ранее кидал ссылку на то, как работает браузер, и почему важна оптимизация сайта на уровне кода. Просто поинтересуйтесь 🤗

Хорошие результаты по оптимизации стилей. Применил новую технику ещё на одном сайта и css стал легче на 110кб

Хорошие результаты по оптимизации стилей. Применил новую технику ещё на одном сайта и css стал легче на 110кб

Напиши статью

Напиши статью

Так это никому тут не нужно А фронтендеры эти все технологии загнивающего запада и так знают, и даже некоторые используют 😂

Так это никому тут не нужно А фронтендеры эти все технологии загнивающего запада и так знают, и даже некоторые используют 😂

Мне нужно, я б фронт подтянул

А если серьезно, ну есть же ютем, зачем ещё что-то? Не вижу смысла, все равно все умные, а я тут ересь всякую пишу, по типу вебпака (можно же баш заюзать), оптимизация стилей и скриптов (бротли наше все) и т д. Не вижу смысла от слова "узагалі" 🤗

Мне нужно, я б фронт подтянул

Спрашивай - расскажу

А если серьезно, ну есть же ютем, зачем ещё что-то? Не вижу смысла, все равно все умные, а я тут ересь всякую пишу, по типу вебпака (можно же баш заюзать), оптимизация стилей и скриптов (бротли наше все) и т д. Не вижу смысла от слова "узагалі" 🤗

Я в стеке бутстрапа работаю

Я в стеке бутстрапа работаю

Какой версии?

Сейчас на 5й перевожу проекты

С или без jQuery?

Значит без

С или без jQuery?

50/50.я натив ещё не совсем знаю

50/50.я натив ещё не совсем знаю

Пробуй на нативе писать, 5ка без jQuery

Так это никому тут не нужно А фронтендеры эти все технологии загнивающего запада и так знают, и даже некоторые используют 😂

ну неправда. Денис, твой опыт интресен и полезен. вот если бы это описывал в виде статей, даже на англ., был бы практический выхлоп...

Пробуй на нативе писать, 5ка без jQuery

Да, знаю. Не совсем понимаю разницу между нативом и ecma.

ну неправда. Денис, твой опыт интресен и полезен. вот если бы это описывал в виде статей, даже на англ., был бы практический выхлоп...

Так говорят, что баш и бротли рулит с ютемом 🤗

Да, знаю. Не совсем понимаю разницу между нативом и ecma.

Могу рассказать

Я ранее предлагал конфу сделать

Да, знаю. Не совсем понимаю разницу между нативом и ecma.

В четверке два варианта скриптов, один ecma, другой нет

Я ранее предлагал конфу сделать

Джумла дей заведем когда - нужно будет.

В четверке два варианта скриптов, один ecma, другой нет

С es хорошо оптимизировать код и бить на чанки Можно тянуть чанки, только когда у тебя на странице есть класс или индентификатор

С es хорошо оптимизировать код и бить на чанки Можно тянуть чанки, только когда у тебя на странице есть класс или индентификатор

Страницу js загрузчик сканирует?

Например... import Alert from 'bootstrap/js/dist/alert'; Если есть класс алерта, то подтянется чанк скрипта и стилей

Или это бэк делает?

Страницу js загрузчик сканирует?

Там простой дом

Нет, это вебпак

А если сообщение Аяксом выводится? Динамически грузит?

А если сообщение Аяксом выводится? Динамически грузит?

Тоже можно чанком Ты ж к чему-то Аякс вешаеш, или к событию, или если есть классы или id

Я так понимаю, что с вебпаком ты под каждый проект собираешь бандл свой. А если паблик решение? И на сайте стоит зоопарк?

Сейчас, комп включу

Я так понимаю, что с вебпаком ты под каждый проект собираешь бандл свой. А если паблик решение? И на сайте стоит зоопарк?

Что имеешь ввиду под паблик решением?

А если серьезно, ну есть же ютем, зачем ещё что-то? Не вижу смысла, все равно все умные, а я тут ересь всякую пишу, по типу вебпака (можно же баш заюзать), оптимизация стилей и скриптов (бротли наше все) и т д. Не вижу смысла от слова "узагалі" 🤗

Ой) Давай тебя поуговариваем😇 Мне тоже полезно, и я потом это применять начинаю) Если ты готов рассказать и показать можно в зуме встречу организовать, мы @sergeytolkachyov слушателей соберём)

Что имеешь ввиду под паблик решением?

Написал, допустим, я модуль, выложил к себе и в JED. Его скачали n-е количество раз. И на куче сайтов куча разных подходов: кто-то как ты, с вебпаками дружит, а кто-то в блокноте css-ки говнокодит.

Ой) Давай тебя поуговариваем😇 Мне тоже полезно, и я потом это применять начинаю) Если ты готов рассказать и показать можно в зуме встречу организовать, мы @sergeytolkachyov слушателей соберём)

Можно

Написал, допустим, я модуль, выложил к себе и в JED. Его скачали n-е количество раз. И на куче сайтов куча разных подходов: кто-то как ты, с вебпаками дружит, а кто-то в блокноте css-ки говнокодит.

Ну ты в модуле свои скрипты юзаешь и все

Это JS

Написал, допустим, я модуль, выложил к себе и в JED. Его скачали n-е количество раз. И на куче сайтов куча разных подходов: кто-то как ты, с вебпаками дружит, а кто-то в блокноте css-ки говнокодит.

тебе под нужен вебпак только если ты свой код на js пишешь современным способом и чтобы собрать просто итоговоый свой скрипт под свое расширение

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

больше он нахер не нужен для паблик решения что ты хочешь

А у себя в модуле хочешь на чанки бей, хочешь простой js напиши на пару строк

сайты на которое будет подобное ставится нихера оптизированы не будут

сайты на которое будет подобное ставится нихера оптизированы не будут

Ты прям капитан Очевидность, но я так понимаю вопрос немного в другом

Кстати для джумлы есть система комментариев, написанная на Vue и все работает. В рамках компонента ты юзаешь какие угодно технологии и подкидываешь свои скрипты и стили

Вопрос в том, что вебпак, как я понимаю, применим там, где весь проект оптимизирован. А в том, случае, когда твое решение используют в комплекте с хеликсом или самописным говнокодом - такой подход может быть излишним.

Вопрос в том, что вебпак, как я понимаю, применим там, где весь проект оптимизирован. А в том, случае, когда твое решение используют в комплекте с хеликсом или самописным говнокодом - такой подход может быть излишним.

тебе в твоем случае нужен вебпак елси ты сам пишешь на последнем екма, чтобы бабель тот же прогнать на полифилы все и например еще для того чтобы размер конечного скрипта от либ которые ты подключаешь сократить

чтобы мусор почистил который не используется

размер будет меньше

больше смысла нет

Вопрос в том, что вебпак, как я понимаю, применим там, где весь проект оптимизирован. А в том, случае, когда твое решение используют в комплекте с хеликсом или самописным говнокодом - такой подход может быть излишним.

Тут нужно понимать что если тебе удобно держать твои файлы скриптов и стилей в порядке, разбитые на модули и файлы SCSS/ less то ты так и делаешь, навыхлопе будет просто js и css - тут уже классика жанра

Тут нужно понимать что если тебе удобно держать твои файлы скриптов и стилей в порядке, разбитые на модули и файлы SCSS/ less то ты так и делаешь, навыхлопе будет просто js и css - тут уже классика жанра

Но он будет собран в один файл. Верно? Или это будет куча файлов-модулей: alert.css, modal.css и т.д?

Но он будет собран в один файл. Верно? Или это будет куча файлов-модулей: alert.css, modal.css и т.д?

один

можно по разнрму

можно один, можно чанки как денис говорит

Любопытно. Эту тётку загрузили за 1,5 экрана до места, где она используется )

больше смысла нет

Смысл в удобстве вести проект. Есть разница когда у тебя 1 файл на 100500 строк и 10-20 файликов, разложенные по уму и ты не теряешься в коде Модульный js не обязательно юзать с вебпаком. Хочешь юзай просто модули, хочешь прогони через Бабель напрямую, хочешь возьми сборщики вите, вебпак, галп

Но он будет собран в один файл. Верно? Или это будет куча файлов-модулей: alert.css, modal.css и т.д?

Как задашь. Тут ты сам решаешь

Любопытно. Эту тётку загрузили за 1,5 экрана до места, где она используется )

Отложенная загрузка loading lazy

Отложенная загрузка loading lazy

Нативный. Я думал, он позже срабатывать будет.

Но он будет собран в один файл. Верно? Или это будет куча файлов-модулей: alert.css, modal.css и т.д?

Как сделаешь. Причем можно и либу отдельно в файл. в общем тут исключено удобство и страховка не более того.

Я задумался о том, чтоб дробить код на чанки и грузить их динамически. По аналогии, как браузер грузит css с указанным media атрибутом. Грузишь только то, что нужно для данного разрешения экрана. Собирать большие файлы не удобно действительно.

Все руки до этих дел не доходят.

Я задумался о том, чтоб дробить код на чанки и грузить их динамически. По аналогии, как браузер грузит css с указанным media атрибутом. Грузишь только то, что нужно для данного разрешения экрана. Собирать большие файлы не удобно действительно.

это и имеет смысл делать если ты полностью контролируешь шаблон и что там грузится

а так, в основном ставится это будет на такой трек

что это все смысла не имеет