Криво загружается меню на сайте

237
09 февраля 2020, 05:10

Проблема в том, что при загрузке сайта на некоторое время до полной загрузки меню без стилей появляется в верхнем левом углу. В чем могут быть причины такого поведения? Сайт на Wordpress, код для меню писал через плагин Custom HTML Header and Footer. Вот сам сайт

Answer 1
  1. Научитесь правильно составлять документ. В head не могут находиться <a>,<div> и д.р
  2. JS перенесите вниз. И те скрипты, которые вам не нужны в скором времени загружайте асинхронно
  3. Все стили нужно хранить в файле с расширением .css, а не использовать <style></style>. Это позволит файлам кэшироваться.
  4. Используйте прелоадер
Answer 2

Стили не успевают подгрузится. Вы видите сайт до не полной загрузке, соотвественно отображение не корректное. Лучший и быстрый способ исправить это добавить на сайте прелоадер.
Другими словами, создать дивку с позиционированием fixed + фон + надпись или иконка загрузки. Делать ее видной до тех пор, пока сайт не загрузится. Тут можно поможет событие "load".

READ ALSO
VueJS спарсить HTML

VueJS спарсить HTML

Есть страница со списком товаров, которые генереруются на PHP Хочу на JS собрать все необходимые данные по каждому товару: название, цена и другиеПотом...

206