Нравятся видео о WordPress? Поддержите канал! wplovers.pw/donate/ Друзья, я очень стараюсь делать хорошие, понятные уроки и это занимает целую прорву времени. В то время, пока я записываю и монтирую видео, я мог бы заниматься другой работой, но так я помогаю очень малому количеству людей. Записывая уроки для массовой аудитории, я получаю возможность помочь сразу большому количеству людей и это здорово! Поддержать WPlovers wplovers.pw/donate/ Более того, хочется делать больше обзоров на платные плагины и темы. К сожалению, но не все разработчики соглашаются предоставить их для теста бесплатно и приходится выделять деньги из собственного кармана. Я буду очень признателен, если вы поддержите проект WPlovers. Поможет любая, даже малая сумма. Спасибо! wplovers.pw/donate/
А что делать, если при включении ленивой загрузки, фото загружаются по мере прокрутки но, они складываются одно на другое, как бы стопой, Разные плагины уже использовал, у всех одно и то же, WordPress 5.3 с темой оформления DFD Native 1.4.8
Вот очень полезная информация. Давно искал такое решение. Но вот ещё бы хотелось осуществить такие вещи без сторонних плагинов? Просто пишут что плагины создают нагрузку на ядро самого wp. Хотя и много говорит что можно и 20 штук поставить плагинов и ничего страшного. Просто сталкивался сам с проблемами, что вылазят косяки разработчиков плагинов. Что все скрипты нужно правильно переподключить и стили. А то бывает что какие то ошибки с версией php и другие разные проблемы с другими плагинами. А как Ваше мнение, чтоб более профессионально как лучше реализовать через плагин или внедрением самому в шаблон? Но для этого нужны знания php?
Тарас, конечно профессиональнее внедрять в шаблон и делать без плагинов. Поищите "lazy load js" и найдёте массу вариантов готовых библиотек. Подключаете через functions.php и у вас готовая ленивая загрузка, но, нужно написать небольшой php код для автоматического назначения класса всем изображениям, но с этим уже не ко мне. Думаю, что для реализации этого эффекта вам навыков скопировал вставил будет достаточно. Но опять же, нужно понимать, что копируете и куда вставляете. По поводу плагинов, честно, последнее время не парюсь. Нужен функционал - ставлю. Если админка или фронтенд тормозят, выявляю причину. Просто я хочу больше пользоваться сайтом, чем бесконечно в нём копаться.
Очередное расхожее заблуждение! Вот хорошая статья по этому вопросу: wpnice.ru/funkcional-plaginy-protiv-tem/ А если вкратце, то если вы перенесете функционал из плагина в код темы, нагрузка на сайт и количество запросов к базе данных от этого не уменьшится. Нагрузка будет одинаковая. Плагины всегда предпочтительней - подробнее в статье
Вот я примерно про то же всегда говорю. С чего вдруг код выполняющийся в теме будет создавать ниже загрузку?! Другое дело, что в этой ситуации всё становится более подконтрольным, но нужно очень хорошо соображать, как всё устроено в самом WP, знать и хорошо применять PHP и JS. С плагинами ситуация, как и в дизайне. Типа тру дизайнеры говорят, что тру дизайнер не использует кистей, экшенов и готовых векторных клипартов, а рисует всё сам. Но по мне это китайский комсомол: сам себе проблему создал и упорно её решаешь.
Вызов нужного действия из functions.php вызывает ровно такую же нагрузку... Для сравнения взять тему Авада... это агрегат расчитаный под много всего разного... Но при установке 20 плагинов он начинает лагать не шутя так ... Сейчас у меня лайтовая тема и 35 плагинов и нигде ничего не тормозит , важно следить за ошибками 404 в консоли, следить за запросами через pingdom и если какой-то плагин создаёт слишком долгий запрос, который ведёт к долгой заргузке сайта - стоит подумать о сносе этого плагина и если идут 404 ответы - из-за них и тормозит сайт обычно. Могу сказать, что такие вещи как революшен слайдер , WPbakers конструктор, лучше избегать... да они крутые ,крутой функционал , но довольно лагающие такие)
Здравствуйте! У меня не лендинг, но оглавления есть (TOC+). Можно ли решить проблему с якорями? Может платные плагины есть для lazy load, которые решают эту проблему?
Здравствуйте. Попробуйте этот плагин wordpress.org/plugins/easy-lazy-loader/ Там помимо прочего заявлены заполнители низкого качества и при прокрутке они заменяются на нормальные. Отпишите как у вас сработает.
@@DigitalAlex Попробовал. Как-то фигово он работает, страница дольше загружается. Он не растягивает low-res изображения, то есть площадь их меньше, чем будут нормальные изображения в итоге. Вместе с TOC+ даже не стал проверять. Еще попробовал Lazy Loader. Тоже не в восторге. a3 Lazy Loader работает прекрасно, но проблема перепрыгивания в нем не решена. Написал в их саппорт.
А у меня почему-то получился совершенно обратный результат: без ленивой загрузки скорость выше( Ставила оба рекомендуемые Вами плагины - что в gtmetrix, что PageSpeed Insights - везде упали цифры( Причем, самое интересное, что при проверке в PageSpeed Insights плагин "засветился" в ошибках snag.gy/KCH5Pg.jpg А рекомендация "Отложите загрузку скрытых изображений" как была - так и осталась один в один snag.gy/gyNQWk.jpg (скрины сделаны при включенном плагине). Что я не так сделала? (
На самом деле не в "попугаях" дело, а в том как сайт работает у пользователей. Оба плагина пробовали и с обоими такие результаты? Google Pagespeed последнее время совсем с ума сошёл. Пока не придумал, как все его хотелки удовлетворить.
@@DigitalAlex Да, оба плагина пробовала. Работают не плохо (до этого пробовала поставить Lazy Load Optimizer, но выглядело все очень не красиво - я даже скорость не проверяла, снесла сразу. С Google Pagespeed воюю с осени - старую версию все устраивало)) А после обновления ПК показывает 99 стабильно, а мобильные - 24. Я в ужасе и бросилась устранять все, что он выдал.Сегодня после настройки блока Clearfy стало 44, подключила ленивую загрузку (вроде ж в списке требований она была) - упал показатель на 6 пунктов. Ну и скрин я показывала - все что нужно было загружать лениво, все осталось в списке ошибок.
А можно ли в A3 Lazy Load как то сделать так, что бы ленивая загрузка не срабатывала на определенную картинку? Вопрос возник в связи с yagla так как когда пытаюсь менять картинку, она быстро погружается и снова становится старая картинка. Выключил ленивую загрузку все работает. По классу смысла нет исключать, так как классов мало и по факту он исключает все картинки((
@@Denisserg7-b4g Всё, я понял. Классы присваиваются только контейнеру виджета, но не тегу изображения. Как вариант, можно попробовать вот эту инструкцию по присвоению атрибутов developers.elementor.com/add-html-attribute/ Я не пробовал эту инструкцию и нужно специально сесть и разбираться. Сильно довольный юрист для бракоразводных дел, не думаете? ))
Привет, есть проблемам не понимаю из за чего(. В общем я решил попробовать элементор и наткнулся на такой баг, на законченом сайте не прокручиваются листы те, не прокручиваются скролом вниз (сат типа лендинга) а стоит первый лист и все хотя на заднем плане какие то элементы нижних листов мелькают . Спасибо заранее , надеюсь на ответ .
Привет. Сделай с плагинами как в этом видео th-cam.com/video/_arNH72QN24/w-d-xo.html Нужно найти тот, который вызывает конфликт. В любом случае пиши сюда, будем копать проблему.
Скорее всего в начале страницы вы не видите как он отрабатывается. Попробуйте задать меньше расстояние до объекта, прежде чем сработает загрузка, я об этой опции говорил в видео. И ещё, именно эта ленивая загрузка не работает с фоновыми изображениями, только с изображениями вставленными виджетом Изображения в Elementor или тегом имейте это в виду.
как отрабатывается я вижу из кода, на счёт элементора спасибо, не знал! какой плагин лучше использовать с элементором? теперь капаюсь с bj lazy load , в нём вроде всё работает, но не пойму как добавить в исключение " Image Comparison" (до и после эффект в элементоре), так как оно не отображаться
на мой взгляд для лендинга есть как минимум 2 проблемы, которые не позволяют использовать плагин: 1 - как ты правильно заметил - некорректно работает внутристраничная навигация, по крайней мере для меня это критично. 2 - на сколько я заметил - плагин работает только с картинками в теге IMG, но самые большие и тяжелые картинки находятся в слайдерах и в фонах, при этом они не отрабатываются плагином.
За фонами я наблюдал и никак не пойму обрабатываются они или нет. По идее не должны, так как это background-image. В слайдерах обычно есть своя ленивая загрузка, но как она работает ещё не изучал.
это ерунда. покажи лучше постепенную поднрузку контента по мере прокрутки сайта вниз. никак не где найти такую не могу. надоело создавать пагинацию-страничную.
Нравятся видео о WordPress? Поддержите канал! wplovers.pw/donate/
Друзья, я очень стараюсь делать хорошие, понятные уроки и это занимает целую прорву времени. В то время, пока я записываю и монтирую видео, я мог бы заниматься другой работой, но так я помогаю очень малому количеству людей. Записывая уроки для массовой аудитории, я получаю возможность помочь сразу большому количеству людей и это здорово!
Поддержать WPlovers wplovers.pw/donate/
Более того, хочется делать больше обзоров на платные плагины и темы. К сожалению, но не все разработчики соглашаются предоставить их для теста бесплатно и приходится выделять деньги из собственного кармана.
Я буду очень признателен, если вы поддержите проект WPlovers. Поможет любая, даже малая сумма.
Спасибо! wplovers.pw/donate/
Уроки просто супер, спасибо тебе большое!!))) Жду с нетерпением новых. Всегда слежу за твоими обновлениями. Еще раз спасибо)
Александр, спасибо! Завтра будем оптимизировать сами изображения!
будет ли работать якорь с таким плагином?
Спасибо, полезно!
Александр подскажите пожалуйста подобный плагин, который будет срабатывать только на определенную выбранную секцию в Elementor.
А если гугл все равно грузит долго и просит поменять формат изображений. Александр планируете видео на эту тему?
Добрый день, нужен ли плагин lazy load в версии ВордПресс 5.5? ВордПресс пишет, что ленивая загрузка уже встроена в данную версию
А что делать, если при включении ленивой загрузки, фото загружаются по мере прокрутки но, они складываются одно на другое, как бы стопой,
Разные плагины уже использовал, у всех одно и то же, WordPress 5.3 с темой оформления DFD Native 1.4.8
Вот очень полезная информация. Давно искал такое решение. Но вот ещё бы хотелось осуществить такие вещи без сторонних плагинов? Просто пишут что плагины создают нагрузку на ядро самого wp. Хотя и много говорит что можно и 20 штук поставить плагинов и ничего страшного. Просто сталкивался сам с проблемами, что вылазят косяки разработчиков плагинов. Что все скрипты нужно правильно переподключить и стили. А то бывает что какие то ошибки с версией php и другие разные проблемы с другими плагинами. А как Ваше мнение, чтоб более профессионально как лучше реализовать через плагин или внедрением самому в шаблон? Но для этого нужны знания php?
Тарас, конечно профессиональнее внедрять в шаблон и делать без плагинов. Поищите "lazy load js" и найдёте массу вариантов готовых библиотек. Подключаете через functions.php и у вас готовая ленивая загрузка, но, нужно написать небольшой php код для автоматического назначения класса всем изображениям, но с этим уже не ко мне. Думаю, что для реализации этого эффекта вам навыков скопировал вставил будет достаточно. Но опять же, нужно понимать, что копируете и куда вставляете.
По поводу плагинов, честно, последнее время не парюсь. Нужен функционал - ставлю. Если админка или фронтенд тормозят, выявляю причину. Просто я хочу больше пользоваться сайтом, чем бесконечно в нём копаться.
Очередное расхожее заблуждение! Вот хорошая статья по этому вопросу: wpnice.ru/funkcional-plaginy-protiv-tem/ А если вкратце, то если вы перенесете функционал из плагина в код темы, нагрузка на сайт и количество запросов к базе данных от этого не уменьшится. Нагрузка будет одинаковая. Плагины всегда предпочтительней - подробнее в статье
Вот я примерно про то же всегда говорю. С чего вдруг код выполняющийся в теме будет создавать ниже загрузку?! Другое дело, что в этой ситуации всё становится более подконтрольным, но нужно очень хорошо соображать, как всё устроено в самом WP, знать и хорошо применять PHP и JS.
С плагинами ситуация, как и в дизайне. Типа тру дизайнеры говорят, что тру дизайнер не использует кистей, экшенов и готовых векторных клипартов, а рисует всё сам. Но по мне это китайский комсомол: сам себе проблему создал и упорно её решаешь.
Вызов нужного действия из functions.php вызывает ровно такую же нагрузку... Для сравнения взять тему Авада... это агрегат расчитаный под много всего разного... Но при установке 20 плагинов он начинает лагать не шутя так ... Сейчас у меня лайтовая тема и 35 плагинов и нигде ничего не тормозит , важно следить за ошибками 404 в консоли, следить за запросами через pingdom и если какой-то плагин создаёт слишком долгий запрос, который ведёт к долгой заргузке сайта - стоит подумать о сносе этого плагина и если идут 404 ответы - из-за них и тормозит сайт обычно. Могу сказать, что такие вещи как революшен слайдер , WPbakers конструктор, лучше избегать... да они крутые ,крутой функционал , но довольно лагающие такие)
Про Slider Revolution подтверждаю, о чём написал в ответ на комментарий под видео о Smart Slider. Причём, тормозит он как бэкэнде, так и во фронтенде.
Здравствуйте! У меня не лендинг, но оглавления есть (TOC+). Можно ли решить проблему с якорями? Может платные плагины есть для lazy load, которые решают эту проблему?
Здравствуйте. Попробуйте этот плагин wordpress.org/plugins/easy-lazy-loader/ Там помимо прочего заявлены заполнители низкого качества и при прокрутке они заменяются на нормальные. Отпишите как у вас сработает.
@@DigitalAlex Попробовал. Как-то фигово он работает, страница дольше загружается.
Он не растягивает low-res изображения, то есть площадь их меньше, чем будут нормальные изображения в итоге.
Вместе с TOC+ даже не стал проверять.
Еще попробовал Lazy Loader. Тоже не в восторге.
a3 Lazy Loader работает прекрасно, но проблема перепрыгивания в нем не решена. Написал в их саппорт.
Если в TOC+ выключить опцию "Scroll rather than jump to the anchor link", то всё решается =) По крайней мере с картинками. С видео не проверял еще.
@@MakakaOrg Передам партнёрам из Clearfy. Работа над Lazy Load уже ведётся.
@@MakakaOrg хорошо. Возьму на заметку. Только вот с якорями меню всё равно вопрос актуален.
А у меня почему-то получился совершенно обратный результат: без ленивой загрузки скорость выше( Ставила оба рекомендуемые Вами плагины - что в gtmetrix, что PageSpeed Insights
- везде упали цифры( Причем, самое интересное, что при проверке в PageSpeed Insights плагин "засветился" в ошибках snag.gy/KCH5Pg.jpg А рекомендация "Отложите загрузку скрытых изображений" как была - так и осталась один в один snag.gy/gyNQWk.jpg (скрины сделаны при включенном плагине). Что я не так сделала? (
На самом деле не в "попугаях" дело, а в том как сайт работает у пользователей. Оба плагина пробовали и с обоими такие результаты?
Google Pagespeed последнее время совсем с ума сошёл. Пока не придумал, как все его хотелки удовлетворить.
@@DigitalAlex Да, оба плагина пробовала. Работают не плохо (до этого пробовала поставить Lazy Load Optimizer, но выглядело все очень не красиво - я даже скорость не проверяла, снесла сразу. С Google Pagespeed воюю с осени - старую версию все устраивало)) А после обновления ПК показывает 99 стабильно, а мобильные - 24. Я в ужасе и бросилась устранять все, что он выдал.Сегодня после настройки блока Clearfy стало 44, подключила ленивую загрузку (вроде ж в списке требований она была) - упал показатель на 6 пунктов. Ну и скрин я показывала - все что нужно было загружать лениво, все осталось в списке ошибок.
@@ТатьянаГалан-о7с С Goole пока вопрос не решён после обновления алгоритмов оценки. Думаю со временем устаканим. Пока некогда заняться вопросом.
У меня плагин не работает, хотя проверила на сервисе измерения скорости, там видно что значения поменялись. В чем дело?
Погружаюсь в изменённое состояние сознания, пытаюсь увидеть проблему, но не могу 🔮 🤣
А можно ли в A3 Lazy Load как то сделать так, что бы ленивая загрузка не срабатывала на определенную картинку? Вопрос возник в связи с yagla так как когда пытаюсь менять картинку, она быстро погружается и снова становится старая картинка. Выключил ленивую загрузку все работает. По классу смысла нет исключать, так как классов мало и по факту он исключает все картинки((
С данным плагином это возможно сделать только по классу a3-notlazy. Почему нет возможности задать класс? Как у вас страница сделана?
@@DigitalAlex вот эта alimenturist.ru/
@@Denisserg7-b4g Всё, я понял. Классы присваиваются только контейнеру виджета, но не тегу изображения. Как вариант, можно попробовать вот эту инструкцию по присвоению атрибутов developers.elementor.com/add-html-attribute/ Я не пробовал эту инструкцию и нужно специально сесть и разбираться.
Сильно довольный юрист для бракоразводных дел, не думаете? ))
@@DigitalAlex ахаха возможно)) Спасибо за помощь, правда ссылка битая(
@@Denisserg7-b4g Тогда ставьте VPN wplovers.pw/r/windscribe/ с ним точно откроется.
Привет, есть проблемам не понимаю из за чего(. В общем я решил попробовать элементор и наткнулся на такой баг, на законченом сайте не прокручиваются листы те, не прокручиваются скролом вниз (сат типа лендинга) а стоит первый лист и все хотя на заднем плане какие то элементы нижних листов мелькают . Спасибо заранее , надеюсь на ответ .
Привет.
Сделай с плагинами как в этом видео th-cam.com/video/_arNH72QN24/w-d-xo.html Нужно найти тот, который вызывает конфликт. В любом случае пиши сюда, будем копать проблему.
Помогло )
Спасибо
подскажите, не все картинки срабатывает ленивая загрузка, в чём может быть причина ? ) a3 Lazy Load
На какие не срабатывает?
сам не понимаю, в начале странице не работает, а в конце страницы работает
Скорее всего в начале страницы вы не видите как он отрабатывается. Попробуйте задать меньше расстояние до объекта, прежде чем сработает загрузка, я об этой опции говорил в видео.
И ещё, именно эта ленивая загрузка не работает с фоновыми изображениями, только с изображениями вставленными виджетом Изображения в Elementor или тегом имейте это в виду.
как отрабатывается я вижу из кода, на счёт элементора спасибо, не знал! какой плагин лучше использовать с элементором?
теперь капаюсь с bj lazy load , в нём вроде всё работает, но не пойму как добавить в исключение " Image Comparison" (до и после эффект в элементоре), так как оно не отображаться
я понял в чём причина, причина то что я не правильно прописываю исключения для изображений
но как правильно прописать не знаю
на мой взгляд для лендинга есть как минимум 2 проблемы, которые не позволяют использовать плагин:
1 - как ты правильно заметил - некорректно работает внутристраничная навигация, по крайней мере для меня это критично.
2 - на сколько я заметил - плагин работает только с картинками в теге IMG, но самые большие и тяжелые картинки находятся в слайдерах и в фонах, при этом они не отрабатываются плагином.
За фонами я наблюдал и никак не пойму обрабатываются они или нет. По идее не должны, так как это background-image. В слайдерах обычно есть своя ленивая загрузка, но как она работает ещё не изучал.
фоны и карусели не отрабатываются, я проверял запросы в гугл консали.
если интересно - могу попробовать сделать гифку с демонстрацией.
Я верю, Андрей. Это ожидаемо.
Bg lazy load лучше показал результат чем A3
это ерунда. покажи лучше постепенную поднрузку контента по мере прокрутки сайта вниз. никак не где найти такую не могу. надоело создавать пагинацию-страничную.