Igor
Кстати @Deny_lv я кое что у тебя стащил.
конфиг бабеля и scss
Igor
Ну и еще нужна практика по освоению соверменого Js
Igor
много практики.
Морис
Морис
Ванильный без примесей JQuery и иже с ними?
Igor
Den 💙💛
@Septdir если будет интересно можно вебпак-сборку ускорить за счёт кеширования
Igor
Den 💙💛
Den 💙💛
но я не использую
Igor
ускоряет сборку
Да у меня не слишком долго, да и c —progress веселее.
Кстати не вкурсе есть вариант прямо в конфиге показать чтобы всегда показывался progress
Den 💙💛
Den 💙💛
я видел кучу вариантов реализации
Igor
Я сейчас хочу Ignore прописать.
Den 💙💛
но сильно не загружай ненужностями
Den 💙💛
@Septdir ты лучше скажи такое
Вот ты скажешь папки и генерируешь скрипты?
Den 💙💛
Вместо как я делаю одного index.js?
Igor
Den 💙💛
И это все на фронт?
Den 💙💛
По сути ты хочешь к примеру joomls.js грузть везде, как скрипт contact.js на страницу контактов?
Den 💙💛
Я верно понимаю логику?
Den 💙💛
Den 💙💛
Вот
Den 💙💛
Тут есть один ньюанс
Vladimir
https://vk.com/wall-41133890_3905
Vladimir
Vladimir
Vladimir
Dmitry
Добро пожаловать. Какими судьбами в Joomla? 😎
Ilya
Ilya
Начиная с 76 версии Google Chrome ленивую загрузку изображений можно включать без скриптов, а просто добавляя к тегу IMG атрибут loading="lazy".
https://web.dev/native-lazy-loading/
На днях Google внес несколько улучшений. Для быстрых соединений сети (4G) пороговое срабатывание по высоте от viewport уменьшено с 3000px до 1250px, для медленных соединений (3G) с 4000px до 2500px. Таким образом, работа атрибута ведет себя, практически, как яваскриптовые библиотеки.
Изменения включены во все прежние версии Хрома, начиная с 79. Так что, скорей всего в вашем браузере они уже присутствуют. Кстати, если в браузере включен Lite Mode, то lazy loading автоматом включается для всех изображений, то есть, даже если там отсутствует атрибут loading="lazy".
Чтобы уменьшить CLS (который входит в Core Web Vitals), Google рекомендует добавлять ко всем изображениям размер (width/height).
Как только другие браузеры обеспечат поддержку атрибута loading, нас ждут и другие улучшения. В частности, можно будет задавать threshold (высоту от viewport), на которой будет срабатывать ленивая загрузка. А также приоритет загрузки изображений.
Полезный скрипт для владельцев WordPress.
Добавляет атрибут автоматом для всех изображений в контенте. Необходимо этот кусок кода поместить в файл functions.php.
add_filter('the_content','lazyIMG');
function lazyIMG($content) {
$content = str_replace('<img','<img loading="lazy"', $content);
return $content;
}
Vladimir
Он с jquery?
понятия не имею. это так. чисто поржать.
Ilya
Vladimir
и так 6 лет
RINAT
И самые интересные у них самих работает и почему у остальных не работает их не интересует😊
Vladimir
Vladimir
@kernusr не тестировал radical?
Vladimir
мне нужно проверить работу плагинов
Vladimir
а
Vladimir
@drekun @norrbits не тестировали?
GooodWin
В пункте меню "блог категории" выводится изображение материалов вот так "echo JLayoutHelper::render('joomla.content.intro_image', $this->item);" Как мне к этому тегу img присобачить класс/атрибут и т д. ?
Dmitry
@progreccor не, я занят по хозяйству. Траву кошу :)
GooodWin
Den 💙💛
GooodWin
Там еще и разные макеты можно делать! для разных блогов категории, вообще сила
Dmitry
@progreccor пока перерыв скинул @norrbits новую версию плагина :) Теперь ждём, пока глянет её.
Vladimir
Igor
Начиная с 76 версии Google Chrome ленивую загрузку изображений можно включать без скриптов, а просто добавляя к тегу IMG атрибут loading="lazy".
https://web.dev/native-lazy-loading/
На днях Google внес несколько улучшений. Для быстрых соединений сети (4G) пороговое срабатывание по высоте от viewport уменьшено с 3000px до 1250px, для медленных соединений (3G) с 4000px до 2500px. Таким образом, работа атрибута ведет себя, практически, как яваскриптовые библиотеки.
Изменения включены во все прежние версии Хрома, начиная с 79. Так что, скорей всего в вашем браузере они уже присутствуют. Кстати, если в браузере включен Lite Mode, то lazy loading автоматом включается для всех изображений, то есть, даже если там отсутствует атрибут loading="lazy".
Чтобы уменьшить CLS (который входит в Core Web Vitals), Google рекомендует добавлять ко всем изображениям размер (width/height).
Как только другие браузеры обеспечат поддержку атрибута loading, нас ждут и другие улучшения. В частности, можно будет задавать threshold (высоту от viewport), на которой будет срабатывать ленивая загрузка. А также приоритет загрузки изображений.
Полезный скрипт для владельцев WordPress.
Добавляет атрибут автоматом для всех изображений в контенте. Необходимо этот кусок кода поместить в файл functions.php.
add_filter('the_content','lazyIMG');
function lazyIMG($content) {
$content = str_replace('<img','<img loading="lazy"', $content);
return $content;
}
Как только другие браузеры обеспечат поддержку атрибута loading
Через 5 лет=)
Den 💙💛
Den 💙💛
А остальные обновят базу кромиуса и все будет топчик
Den 💙💛
Ну а сафари... А кто им пользуется? Нах сафари 😂
Igor
Den 💙💛
Den 💙💛
Den 💙💛
@tsymbalmitia в сафари есть прелоад картинок?
Dmitry
Дмитрий
Дмитрий
надо смотреть
Den 💙💛
На Тревелайн глянь
Den 💙💛
Там у меня технология внедрена
Дмитрий
Дмитрий
как я понимаю
Дмитрий
только plane.jpg загружается потом
Дмитрий
если с главной
Дмитрий
Дмитрий
@Deny_lv
Дмитрий
видишь, он сразу все грузит
Den 💙💛
Den 💙💛
посмотрим, что будет в новой версии
Igor
говнюки
Поэтому пока что лучше страый добрый Uikit lazy
Eugene
Igor
@Deny_lv вот какой изврать я сегодня сотварил.
https://github.com/Septdir/webpack/blob/master/package.json#L8
https://github.com/Septdir/webpack/blob/master/webpack.tasks.json
Den 💙💛