Стили поздно подгружаются?

Question

[mkoreshkov]

Столкнулся со странной вещью. Разрабатываю сайт.

Сайт сделан на вордпрессе с темой Atahualpa. Меню встроенное убрал, прописал в индекс.пхп просто ссылки. Написал для них стили. Но при загрузке страницы сначала они оказываются слева, как обычный текст, со стандартными стилями.

И потом уже встают в центр и принимают свой нужный вид.




Что это? Стили поздно подгружаются? Почему?

Как бороться?

Comments

[WebResult]

а потом- это через сколько? на js никак не завязаны стили?

[mkoreshkov]

через пару-тройку секунд.
никак, вообще.

Answer 1

[max_rip]

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

Comments

[mkoreshkov]

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

[max_rip]

сохраните страницу через браузер со всеми стилями и выложите архив.

Answer 2

[Александр Зеленин]

что такое стандартные стили?
Ваше поведение похоже на font-face. Не оно?

Answer 3

[Alexander]

Поставьте строчки вызова стилей в HTML в нужной последовательности в начале кода, а все JS перенесите в конец кода.
Действительно, как пишут выше, похоже на font-face, с ним такие задержки идут почти всегда, это обусловлено весом подгружаемых шрифтов и стандартными приоритетами браузера — ему важнее отобразить текст в любом виде, а потом уже грузить всякие рюшечки.
Чтоб уменьшить вес шрифтов, из них нужно удалить неиспользуемые символы (там куча всяких нестандартных и математических символов).

Comments

[max_rip]

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

[mkoreshkov]

нету там font-face, вот в чем проблема…

[Alexander]

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

Answer 4

[Сергей Федотов]

У меня вообще на Atahualpa какая-то фигня началась после очередного обновления. Во-первых, склеились записи в облаке тегов. Во-вторых, отвалился плагин SyntaxHighlighter Evolved и все исходники превратились в кашу из строк. Пришлось откатиться на стандартную тему, только растянуть на полный экран. Но вот отсутствие ката напрягает :(

Comments

[mkoreshkov]

я использую только ее основу, без всяких рюшек