Перейти к содержанию
Форум поддержки пользователей VamShop

прелоадер на сайт


Рекомендуемые сообщения

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

1. при загрузке сайта почем-то меню иногда загружается вместе с прелоадером, 

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

Как решить эти вопросы?

Вот текст JS прелоадера:

window.onload = function (){
setTimeout(function(){ 
var preloader = document.getElementById('page-preloader');
if ( !preloader.classList.contains('done'))
{
preloader.classList.add('done');
}
},1000);
}

ссылки на CSS и скрипт разместиил вверху основного шаблона, сам html код также сразу после тега <body>

 

Ссылка на сообщение
Поделиться на другие сайты
18 минут назад, Adilan сказал:

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

1. при загрузке сайта почем-то меню иногда загружается вместе с прелоадером, 

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

Как решить эти вопросы?

Вот текст JS прелоадера:

window.onload = function (){
setTimeout(function(){ 
var preloader = document.getElementById('page-preloader');
if ( !preloader.classList.contains('done'))
{
preloader.classList.add('done');
}
},1000);
}

ссылки на CSS и скрипт разместиил вверху основного шаблона, сам html код также сразу после тега <body>

 

Очень плохая идея с прелоадером.

Если что-то глюкнет, какой-то внешний сервис, виджет, внешняя картинка типа вконтакте, счётчик яндекс метрика и т.д.

То посетитель просто не увидит Ваш сайт и уйдёт.

 

Конкретно по коду я даже и не подскажу, может попробовать разные варианты?!

Ссылка на сообщение
Поделиться на другие сайты
×
×
  • Создать...