Блог о программировании, сайтах, пассивном доходе, обо всем, что мне интересно!

Виджет Adobe Muse Отложенная загрузка картинок расширенный

Многие сталкиваются с проблемой медленной загрузки сайтов (Landing-page) сделанных на Adobe Muse. Одна из причин, это большое количество картинок, фотографий на странице. Выход, воспользоваться данным виджетом отложенной загрузки картинок.

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

Смысл данного виджета в том, что картинки не будут загружаться сразу при открытии страницы и тем самым они не будут забирать на себя время загрузки. Они будут подгружаться по мере необходимости, т.е. по мере прокрутки страницы до их положения.

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

Данный виджет помогает увеличить конверсию вашей продающей страницы, выполненной на Adobe Muse.

В виджет были внесены изменения и теперь он не требует кода активации.

Важное изменение в виджете!

Первое, что нужно будет сделать после получения пакета, это распаковать архив и файл jquery.lazyload.min.js прикрепить в своём Adobe Muse проекте как Файл -> Добавить файлы для передачи. Далее, отправить экспорт к себе на хостинг, чтобы этот файл появился у вас на сайте. После чего, можно приступать к настройками и использованию виджетов.

В файле, который придет вам на почту после оплаты, три виджета, первый конфигурация. В нем нужно указать код активации, который также придет вам на почту. Плюс, там есть некоторые настройки.

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

Загружать по событию: По умолчанию – Пролистывание, т.е. когда пользователь пролистал до вашей картинки, она подгружается. При наведении курсора, пока пользователь не наведет курсор на картинку, она не появится, при наведении, подгрузится. При клике – смысл тот же, только загрузится при клике на картинке.

Эффект появления: Проявление – стоит по умолчанию, эффект проявления из серого прямоугольника. Показать – просто подгружается без эффекта. Слайд вниз – эффект слайда сверху вниз из полоски.

После того как вы настроили виджет конфигурации, можно вытаскивать на страницу второй виджет «2. Картинка с отложенной загрузкой». В настройках только один пункт – Выберите картинку. Выбираете картинку, далее задаете нужную вам ширину, виджет автоматически подгоняет высоту в соответствии с пропорциями вашей картинки.

3. Картинка и конфиг в одном (фоновое исполнение)

И, наконец, третий, самый интересный виджет.

Он отличается от второго виджета тем, что ему не требуется виджет «1. Конфиг для отложенной загрузки» и у него больше возможностей. В отличие от виджета «2. Картинка с отложенной загрузкой» третий виджет не вставляет тэг img на страницу, а делает фоновую заливку выбранной вами картинкой.

По возможностям.

Подгонка, повторяет функцию Заливка в самом Muse, а именно:

Исходный размер – заливка будет произведена картинкой с оригинальным размером вашей картинки, один к одному.

Заполнение – вашей картинкой будет залит весь блок.

По размеру окна – картинка будет подогнана под размер вашего блока.

Положение по горизонтали: в какую сторону будет выравнена ваша картинка в блоке – влево, по центру или вправо.

Положение по вертикали: вверх – выравнивание картинки будет по верхнему краю, по центру и вниз – по нижнему краю.

Далее все тоже самое, что и в виджете «1. Конфиг для отложенной загрузки».

Демо страница

По ссылке ниже доступна демо-страница, которую я делал в видео тут, одним из виджетов был этот.

Demo страница Lazy пакета

Переходите и убедитесь сами в том, что это работает.

Купить виджет

Стоимость данного пакета виджетов 550 руб.

Не забудьте указать свой e-mail, на который придет файл с виджетами и кодом активации.

Пожалуйста, не забывайте указывать адрес вашего сайта, где вы будете использовать данный виджет, это поле Комментарий. Если вы не укажите адрес сайта, то виджет не придет вам на почту автоматически и нужно будет связываться со мной, чтобы я руками вписал адрес вашего сайта и выслал вам на почту виджеты.

Последнее изменениеСреда, 06 июня 2018 15:08
Денис

Занимаюсь программированием с 1993 года, ищу пути достижения финансовой свободы. Люблю возиться с тачками, активный отдых.

Сайт: 121s.ru
Другие материалы в этой категории: Корзина независимая - набор виджетов для Adobe Muse »

комментарии 8

  • Сергей
    Сергей 30.03.2018 16:13 Комментировать

    Прошу сказать,
    Если сочетать этот виджет с виджетом "Лайт-бокс Колобок".
    Нужно ли добавлять скрытые в лайтбоксе фото в виджет отложенной загрузки фото?

  • Сергей
    Сергей 28.03.2018 20:48 Комментировать

    Скажите, если я укажу домен: http://shabolovka37.ru в комментарии, а сайт с виджетом расположу на поддомене: http://watch.shabolovka37.ru, будет ли виджет работать?

  • Денис-программист
    Денис-программист 19.05.2017 05:35 Комментировать

    Андрей, по отложенной загрузке, если вы будете держать оба сайта, можете приобрести только одну копию и разместить исходные файлы только на одном сайте, а на втором воспользоваться этим же виджетом. Только если "главный" сайт у вас перестанет работать, то и на втором сайте данный виджет не сможет функционировать, так что имейте это ввиду. По корзине такой вариант не пройдет, так как там отправка почты идет индивидуально, заказы копятся индивидуально для каждого сайта, там придется приобретать две разных копии.

  • Андрей
    Андрей 08.05.2017 14:54 Комментировать

    Здравствуйте. У меня 2 сайта. Для каждого нужно приобретать виджет?

  • Денис-программист
    Денис-программист 03.01.2017 15:42 Комментировать

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

  • DamnChel
    DamnChel 03.01.2017 15:32 Комментировать

    А виджет че завязан на домен?

  • Денис-программист
    Денис-программист 30.12.2016 20:25 Комментировать

    Поле появится, когда вы нажмете кнопку Купить, вас перенаправит на страницу Яндекс.Денег и там нужно будет указать свой e-mail.

  • Арсений
    Арсений 30.12.2016 20:11 Комментировать

    А где указывать емайл, там че-то поля для него нет

Оставить комментарий

Убедитесь, что Вы ввели всю требуемую информацию, в поля, помеченные звёздочкой (*). HTML код не допустим.