Как настроить Скелетон ?

[djava]

Привет.

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

 

Есть главный баннер, он у нас 550px https://prnt.sc/yMftSzRQXn61 это 550 мы прописываем в блоке Главные баннеры https://prnt.sc/jq8rBIWxbm-m  ???

Это моб версия баннер https://prnt.sc/bAHtQCdGZTCt это также пишем в секцию главного баннера для моб, обязательно включена отложенная загрузка! И все?

 

Вообще не понятно что писать в Дизайн - Темы - Настройки темы вкладка Общее - Настройки скелетона там что писать?

К примеру Баннер поле, баннеры разных размеров есть на ПК, или если указаны в блоках с отложенной загрузкой размеры там не нужно указывать?

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

 

Подскажите пожалуйста как правильно настроить, всем добра и мира над головой.

 

С уважением, Артур.

Изменено 28 марта пользователем djava

[AndreyJ]

4 часа назад, djava сказал:

Дизайн - Темы - Настройки темы вкладка Общее -

Тут можно вообще ничего не писать. Все пишите в макетах.

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

[alexbranding]

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

Что происходит в таком случае? При загрузке контент блоков начинает прогружаться неравномерно, что вызывает динамические дергания/сдвиги, которые не очень нравятся пользователям и Google, соответственно.

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

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

 

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

Но вы можете либо на уровне общих настроек их задать или (высший приоритет именно тут) на уровне конкретного блока.

 

 

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

[alexbranding]

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

[alexbranding]

Возможно, это кажется несколько сложнее, нежели есть на самом деле.

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

[AndreyJ]

Имхо стоит для шаблонов, которые не являются самостоятельными блоками также вывести настройки в настройку темы.

 

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

 

А в настройках темы они видимо значаися просто как Шаблон.

 

 

[djava]

11 часов назад, alexbranding сказал:

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

Что происходит в таком случае? При загрузке контент блоков начинает прогружаться неравномерно, что вызывает динамические дергания/сдвиги, которые не очень нравятся пользователям и Google, соответственно.

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

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

 

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

Но вы можете либо на уровне общих настроек их задать или (высший приоритет именно тут) на уровне конкретного блока.

 

 

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

Благодарю за столь развернутый ответ. Все понял теперь.

[djava]

11 часов назад, alexbranding сказал:

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

Ну отложенную загрузку обычно ставлю на баннеры и на тяжелые блоки.

[alexbranding]

@djava и правильно делаете

Ни в коем случае не следует главное содержимое страницы грузить отложенно. А все то, что является маркетинговым, функциональным и тяжелым дополнительным контентом - можно.

[djava]

Все хотел спросить, подскажите пожалуйста. Есть баннеры на сайте и когда подгружает скелетон он почему то короче, хотя стоит высота 510px https://disk.yandex.ru/i/eFsrYVBoG8N8Wg вот так выглядит во время подгрузки https://disk.yandex.ru/i/feMGpSeAV1x4LQ не могу понять в чем проблема? Вот тут этот баннер торт https://ikinokat.com/

[ab.support.serhii]

@djava у соседних элементов высота скелетона указана?

[djava]

6 минут назад, ab.support.serhii сказал:

@djava у соседних элементов высота скелетона указана?

Да у всех других 250

[djava]

14 минут назад, djava сказал:

Да у всех других 250

И как быть тут? Округлять? ))

[ab.support.serhii]

4 минуты назад, djava сказал:

И как быть тут? Округлять?

Тут вроде бы очевидно.

[djava]

1 час назад, ab.support.serhii сказал:

@djava у соседних элементов высота скелетона указана?

Когда грузит с отложенное загрузкой почему-то огромные отступы а когда изображение подгрузило и открыло сразу моментально встает на место, почему так делает? https://drive.google.com/file/d/1qa8-z-uL29Udugo-2y3KjOrmwwU3Owg7/view?usp=sharing

[ab.support.serhii]

@djava пробуйте повторить на демо, будем смотреть.

Я не знаю что и как у вас на сайте.