Почему в вебвизоре плывет верстка?

Question

[Анна]

Переделала недавно верхнюю часть сайта, небольшой кусочек. До этого все в вебвизоре работало. Но после моих улучшений, верстка в нем "плывет". Я проверяла сайт во всех браузерах и на телефоне. Все отображается нормально. Почему вебвизор пугает меня каждый раз таким уродством, как будто не видит изменения в стилях? И как это исправить? В валидаторе проверяла, там ему не нравится код метрики в head. Но с этим ничего сделать нельзя, код метрики в инструкции сказано, должен быть в head, и на других сайтах я смотрела, никто не вставляет его в body.
Заранее благодарю за помощь!
https://antik88.ru/
Вебвизор в метрике и браузер

Comments

[Кирилл Никитин]

Ответы уже есть, добавлю про метрику. Вы можете смело убрать её код в самый конец страницы, перед закрывающем body. Скорость загрузки страницы может вырасти, а в метрику просто не будут попадать те, кто сразу закрыл страницу ещё до полной загрузки.

[Анна]

Кирилл Никитин, Благодарю Вас! Я и не знала, что так можно (в настройках же советуют в начале разместить).
Попробую так сделать!

[Кирилл Никитин]

Анна, вы можете вставлять скрипты куда хотите, начало, конец или по всей странице в произвольных местах, вопрос лишь в целесообразности того или иного решения. Если какой-то скрипт должен сделать что-то прямо сразу с первой секунды загрузки страницы, даже вернее микросекунд, то в head.

[Анна]

Кирилл Никитин, Спасибо большое)) Вы вносите ясность в мое восприятие)

Answer 1

[Михаил Р.]

Выбвизор записывает не ролик поведения пользователя на сайте (не хватит места на планете записывать каждый визит), а копирует страницу и накладывает на нее с верху точки для движения курсором или сенсором.

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

А он их действительно может не видеть, т.к. Вы заменили верстку, а Метрика еще не успела скопировать обновленную страницу, но точки были получены и наложены уже с новой версии страницы.

Замечал еще моменты, когда Метрика не обновляла страницу из своего кэша после ее изменения. Предположительно, либо это баг, либо Метрика посчитала, что визуальные изменения не значительны для обновления кэша. Я изменил идентификатор у css и js на другой - и о чудо, через несколько часов, визиты пошли уже с обновленной страницы.

Comments

[Анна]

Спасибо большое) наверное, не полезу в id, боюсь чего-нибудь испортить)
Спасибо за подробное объяснение!)

Answer 2

[Дмитрий]

Попробуйте кэш обновить. Смотрел через сервис iloveadaptive.com/ru.
Все в порядке. У вебвизора часто проблемы с отображением тех или иных элементов. Если дело только в нем, то можно не обращать внимание.

Comments

[Анна]

Спасибо! и сервис полезный, буду знать)

Answer 3

[Станислав Шарапов]

Никогда с таким не сталкивался, чтобы настолько большая разница

Либо почистите кеш, либо пишите в техподдержку

Кстати, не обязательно в вебвизоре иметь идеальную картинку, надо просто видеть поведение пользователя, вот и всё

Ещё попробуйте ширину экрана подвигать: уже, шире. Очень часто адаптивная вёрстка даёт сбои, Вебвизор с ней не сильно дружит.

Comments

[Анна]

Кэш уже чистила не один раз, так что не в нем дело.. .
спасибо большое, напишу в поддержку)