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

Добрый день!
Уточните пожалуйста, нашел посты об очердности загрузки слайдера на главной в последнюю очередь и изменения этого, и скрытие в мобильной версии, все применил= не работает эьти приемы все как было так и осталось.

http://incart.designmyshop.ru/help/281/medlennaya-podgruzka-slaydera-na-glavnoy/ очередность

http://incart.designmyshop.ru/help/264/bystrodeystvie-temy/ убрать в мобильно

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

У меня большая проблема, понимаю что у нас хостинг от webasyst не супер, но баннеры грузятся последними и очень очень долго, хотя он в jpg ужаты и минимальны по весу.

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

5 ответов
a
Алексей
#
14 августа 2019 15:27

https://yeoja.market/

a
Евгений Леман
programmer
#
14 августа 2019 16:20

Даже не знаю что ответить. Мы этот проклятый слайдер меняем в каждой версии. Но у каждой реализации есть свои минусы. В дело всё в самой библиотеке. Но менять её на другую тоже не совсем разумно, т.к. текущая используемая библиотека способна реализовать все другие слайдеры/листалки на сайте. Его аналоги с этим справляются хуже. По крайней мере из тех, что мы пробовали. Использовать в таких случаях разные библиотеки... ну это считается неправильным подходом. Возможно в следующей версии мы всё же психанём и добавить шаблон home.slider2.html, в котором будет использоваться другая библиотека. Но обещать ничего не буду, т.к. на мой взгляд проблема не такая уж и проблемная в данный момент. Поясню ниже, отвечая на ваши вопросы.

Слайдер грузится в последнюю очередь

Да, но сначала он резервирует место под изображение. Этот процесс происходит быстро и посетителю практически не виден. Если только он будет в полной концентрации смотреть именно в это место, то увидит небольшой скачок перед резервацией. Но такой эффект вполне обычен для сайтов. Это происходит везде. Разница лишь в том, что зайдя на сайт как посетитель вы ищите контент. А заходя на свой сайт, вы ищите недочеты. https://yandex.ru/pogoda/moscow - сайт прогноза погоды от Яндекса. Первое, что пришло в голову. Картинка грузится в последнюю очередь. Так уж устроена технология. Кстати картинку я бы на вашем месте сжал. 140КБ для такого изображения многовато.

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

Как ни старался, такой особенности увидеть не смог. И если вы скрыли слайдер так, как показано в теме, ссылку на которую вы дали, то он вовсе не должен отображаться. Можете показать содержимое вашего home.html?

a
Алексей
#
14 августа 2019 17:00

Согласен, ок, я сравнивал с beru.ru, там баннер с тектом сразу грузится

По мобильной версии разобрался, удалил дубляж без учета if-mobile.

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

Например, наблюдая за поведением людей на главной странице мобильной версии магазина на Яндекс Метрике (там показывает куда он мышкой водит, что тыкает), обратил внимание, что в мобильной версии покупатель вообще не видит каталог товаров, т.к. это узкая полоска, а текст название в середине, когда и логотип и тексты ниже выравниваются к левой части, так вот покупатель пролистывает цветные слайдеры товара ниже, или промо и хиты, но каталог в упор не видет. И уходит с сайта, увидев только то, что представлена в стартовых блоках на главной.

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

a
Евгений Леман
programmer
#
14 августа 2019 19:28
Так же, по умолчанию блок хиты, бестселлеры, и.т.д слит в один и по хорошему по умолчанию эти самые главные блоки должны быть как категории отдельно сверху вниз друг за другом карточек по 10 каждой идти, а не в слепленном блоке, т.к. обычно они и продают мне кажется.

Вы можете сделать бесконечное кол-во вставок таких блоков. В настройки мы это не вывели, т.к. слабо представляем как это можно сделать. По крайней мере так, чтобы было понятно. Подробнее тут: http://incart.designmyshop.ru/help/339/dublirovanie-bloka-products-na-glavnoy-s-raznym-soderzhimym/

Например, наблюдая за поведением людей на главной странице мобильной версии магазина на Яндекс Метрике (там показывает куда он мышкой водит, что тыкает), обратил внимание, что в мобильной версии покупатель вообще не видит каталог товаров, т.к. это узкая полоска, а текст название в середине, когда и логотип и тексты ниже выравниваются к левой части, так вот покупатель пролистывает цветные слайдеры товара ниже, или промо и хиты, но каталог в упор не видет. И уходит с сайта, увидев только то, что представлена в стартовых блоках на главной.

Начать следует с того, что метрика, pagespeed, валидаторы и пр. сервисы - инструменты для разработчика. Без должного опыта вы можете сделать неправильные выводы. Тот же вебвизор является весьма глючным изобретением и нужно знать как он устроен. Если вы точно знаете действия каждого человека, то при просмотре их посещений на вебвизоре вы увидите кучу несовпадений. Иногда он показывает будто человек просто бездумно крутит по главной. А на самом деле этот человек в момент этого посещения уже совершил и оплатил заказ. Вебвизор - всего лишь координаты кликов(если простыми словами). Он не записывает то, что находится на экране человека. Как минимум не имеет на это законного права. Вся прелесть в том, что как бы разработчик не старался сделать пиксель-перфектную верстку, она всё равно будет отличаться в разных браузерах и разных устройствах. Попробуйте для теста зайти с другого браузера и написать что-то в форму обратной связи или любую другую форму, куда могут писать люди без авторизации и перезагрузки страницы. Вам на почту придет письмо с уведомлением. А потом откройте вебвизор и посмотрите за своим же посещением. И вам придет второй письмо с таким же содержимым :) А дело всё в том, что внутри вебвизор отображает вам фрейм с вашим же сайтом, поверх которого накладывает действия посетителя. Поэтому и будет сделана повторная отправка формы. Фрейм этот вы загружаете сами. Вы там скорее всего будете авторизованы и будут применены ваши личные настройки(которые кстати могут менять структуру страницы, как например с режимом просмотра товаров в каталоге, а значит карта кликов на вашем экземпляре уже не совпадет с реальной картиной). Но самое главное - у вас скорость загрузки сайта будет не такой, какой она была у клиента. А как я уже говорил выше, во время рендера страницы возможны "скачки" элементов. Этот факт в совокупности с тем, что сайт может немнооого отличаться в разных браузерах, может приводить к забавным вещам. На самом деле посетитель кликнул на каталог, он у него открылся, посетитель перешел в категорию, посмотрел товары, подумал и ушел дальше. А на вашем экране он кликнул на пиксель выше каталога. И далее вы видите как он бездумно водит мышкой по странице,  находясь на главной. Из этого делаете неправильный вывод - он не может найти ссылку/кнопку/форму/...

Я ни в коем случае не утверждаю, что в этом примере всё было именно так. Я всего лишь объяснил принцип работы вебвизора и тот факт, что для работы с ним нужен опыт. И без опыта не стоит делать выводов. Ваш клиент возможно просто искал порно по запросу "body wash" и ему потребовалось 2 секунды, чтобы понять, что попал он не туда :) Но вот предположение о том, что он не нашел кнопку каталога весьма маловероятно. Есть некие общие негласные стандарты, согласно которым главное меню навигации находится вверху страницы. Ни справа внизу, ни слева по центру, а в шапке. Если бы у вас было не так, то можно было бы предположить подобное. И даже несмотря на то, что вы его замаскировали, сделав розовым на розовом фоне, не найти его весьма трудно. И если вы когда-нибудь встретите человека, который на самом деле не нашел, поинтересуйтесь у него о том, как он до своих лет до дожил. Впрочем, если такой человек всё же существует и это именно он заходил на ваш сайт, то не переживайте. Клиента вы не упустили. Премия Дарвина - вещь конечно солидная, но денежных бонусов не имеет. А значит и средств для покупки у этого человека нет. Где такой может их заработать? Если только он ведущий бизнес-тренингов... Но шансы крайне малы :)

a
Алексей
#
14 августа 2019 17:01

поправка, не мышкой в мобильной версии, а тач клики на смартфонах и планшетах

Чтобы добавить комментарий, зарегистрируйтесь или войдите