От чего может мигать шрифт и фон сайта в Chrome?

Question

[seilem]

Приветствую! Есть сайт gameoverwatch.com и я заметил 2 проблемы именно на хроме, 1 мигание фона при переходе на другой раздел, 2 мигание шрифта. В других браузерах все замечательно. Кеширование включено, фон максимально сжат без потерь.
p.s. шрифт и фон подгружаются самыми первыми.

Answer 1

[Котик Антон]

Возможно, частично подрагивание происходит из-за этого (картинка грузится на десктопах, а потом скрывается):

<img src="http://gameoverwatch.com/wp-content/themes/gameoverwatch/img/background-xs.png" class="img-responsive visible-xs">

шрифт и фон подгружаются самыми первыми

А я вот вижу совсем другое:

Comments

[seilem]

теперь вопрос в другом, почему не первым, если css выше всех?

[Котик Антон]

seilem: Потому что так работают браузеры. Разбирайтесь с таймингами, если хотите понять, почему так происходит:
https://developers.google.com/web/tools/chrome-dev...

Минимизируйте, конкатенируйте, сжимайте CSS и JS. Убирайте всё лишнее из CSS, JavaScript.

Ещё вы задаёте фон для body, причём высота body определяет высотой его содержимого, а значит браузер растянет body только, когда распарсит и загрузит это самое содержимое. Это я к тому, что не хватает вот этого:

html, body {
    height: 100%;
}

Answer 2

[VisualIdeas]

Проверил на маке в Хроме - все ОК!
Попробуйте в хроме отключить все расширения и посмотрите будет прыгать или нет.
Вообще мигает при перерисовке сайта.

Answer 3

[Вячеслав Барсуков]

Проблема в драйверах к видео. Отрисовывает дольше чем нужно.