Блог

Мы обнаруживаем много несоответствий в данных Pagespeed для страниц нашего веб-сайта, связанных с разницей между лабораторными данными CLS и полевыми данными, а также по сравнению с другими инструментами, такими как GTmetrix.

Например, для URL-адреса https://www.koimoi.com/bollywood-news/varun-dhawan-was-all-set-to-play-harshad-mehta-in-a-movie-before-pratik-gandhi-ft-scam-1992/amp/

Значение CLS отображается как 0 как для лабораторных данных, так и для GTmetrix, но для данных поля Pagespeed значение CLS равно 0,45. Это, в свою очередь, приводит к тому, что основные веб-ресурсы показывают большое количество плохих URL-адресов и, безусловно, влияет на SEO.

Как мы можем объяснить эти различия и каков был бы наилучший подход к их устранению?

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

Поскольку это, по-видимому, временная проблема, которая объясняет разницу в CLS между лабораторными данными и полевыми данными (мне пришлось запустить 3 профиля, прежде чем он обнаружил это, но это привело к CLS более 0,8!).

Единственный способ отследить это — продолжать перезагружать страницу (как с холодным, так и с полным кэшем) при разных размерах экрана и профилировать ее снова и снова.

В конце концов вы определите точную причину / что это за реклама, а затем сможете принять меры для устранения проблемы.

Еще одна вещь, которую следует учитывать при тестировании, — это то, что лабораторные данные / данные GT Metrix используются исключительно во время теста. Однако совокупный сдвиг макета измеряется до выгрузки страницы для полевых данных, поэтому сдвиги, которые происходят через несколько секунд, могут не отображаться в лабораторном тесте, но повлияют на результаты в реальном мире.

Последнее, что нужно учитывать, Это браузер, устройство и т. Д. Если для просмотра сайта используются особенно плохие устройства или определенный размер экрана, который вызывает проблемы, вам необходимо это исправить. Лучший способ получить эту информацию — из вашей библиотеки аналитики.

Чтобы помочь вам диагностировать все это, вы должны использовать реальные пользовательские показатели (RUM). Одним из примеров этого является библиотека Web Vitals, которая позволяет передавать реальные данные CLS (и другие веб-данные) в ваш аналитический центр или на ваш собственный сервер для анализа.