Почему не сразу подгружается CSS к сайту?

Question

[Александра Нев]

Делаю сайт на Modx по шаблону Canvas, купленному на themeforest. Пока сверстана только эта страница speak-time.com/uslugi/ustnyij-perevod. Когда я загружаю ее в Firefox, то на пол секунды сайт загружается в виде без css. Потом все становится на свои места, но это все-таки беспокоит. Может кто-нибудь подскажет, что неправильно?

Answer 1

[Anton Filippov]

У вас стили в боди, а не в хэде

Comments

[Александра Нев]

я может что-то с чанками запуталась, еще недавно с modx начала, но стили вроде в хэде. А почему вы решили, что они в боди?

[Ярослав Иванов]

Александра Нев, потому что это в коде видно.

[Александра Нев]

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

[Ярослав Иванов]

Александра Нев, в браузере смотрите f12

[Anton Filippov]

Александра Нев, стили это не только <style>, но и <link rel="stylesheet" ...>

[Александра Нев]

Когда смотрю в f12 - действительно в боди. Но если нажать Ctrl+U то все стили подключены в head.
Не могу понять, почему так получается

[Anton Filippov]

Александра Нев, действительно это так, видимо какой-то даунский скрипт всё переносит.

Вообще в идеале, вам бы все стили смёрджить в один, тогда и запросов к серверу будет меньше, и это также ускорит их загрузку.

[Александра Нев]

Да смотрю, все вижу) при f12 действительно стили в боди. Только что делать с этим не знаю, ведь в коде-то все нормально написано. Я не понимаю, почему в браузере они оказались в боди

[Александра Нев]

кажется поняла! а теперь нормально все? speak-time.com/uslugi/ustnyij-perevod

[Anton Filippov]

Александра Нев, агась, что это было?

[Александра Нев]

После endif в хэде стояла эта строка href="speak-time.com"
почему-то она переносила стили в боди каким-то образом, причем это читалось только в f12, в исходном коде на вид все нормально было. И еще в адреса стилей я абсолютные ссылки прописала

Но все равно в mozilla немного странно загружается. Может у меня скрипты неправильно подключены? они в футере

[Anton Filippov]

Александра Нев, это всё уже нужно оптимизировать по частям, для максимальных результатов - вынести стили которые должны подгружаться первыми наверх, все остальные вниз в одном файле, скрипты тоже объединить или подгружать по частям, минифицировать html/css/js, сжать картинки

Answer 2

[Олег]

Пути кривые speak-time.com/uslugi/assets/canvas/style.css
У вас относительные ссылки.
поставьте относительно корня или же абсолютные
Как вы вообще что то можете видеть по стилям)

Comments

[Александра Нев]

прописала, сейчас сравню

Answer 3

[Одиночка Айс]

Поставьте "/" перед вашими ассетами и будет вам счастье

Comments

[Александра Нев]

а лучше / перед assets поставить или целиком абсолютные прописать?

[Одиночка Айс]

Александра Нев, достаточно поставить перед assets