Почему отличаются результаты lighthouse в devTools от pagespeed insight?

Ссылка скопирована
2 ответов

Здравствуйте. Пытаюсь вывести сайт в зеленую зону в pagespeed insight. Заметил что в инструментах разработчика в хроме, lighthouse показывает результат отличающийся от pagespeed insight. Хотя я читал, что pagespeed берет информацию от lighthouse для отчетов о производительности. Подскажите пожалуйста к чему верить и по какой причине отличаются результаты.
Прилагаю скриншоты.
google pagespeed insight:

Почему отличаются результаты lighthouse в devTools от pagespeed insight?

lighthouse:

Почему отличаются результаты lighthouse в devTools от pagespeed insight?

(Не знаю какой тег нужен для этого вопроса. Поставил "веб-разработка")

Дополнительно:

А ицферки показателей те же? First contenful paint и остальных

  • вот показатели lighthouse:

    Почему отличаются результаты lighthouse в devTools от pagespeed insight?

    показатели google pagespeed:

    Почему отличаются результаты lighthouse в devTools от pagespeed insight?

  • veroni1337, дык в page speed показатели меняются на 20-30% просто если обновить страницу рейтинга, то есть имхо что они чуток плавают туда сюда это норм
  • Сергей Арсентьев, есть ли смысл мне в pagespeed пытаться поднимать результат performance до зеленой зоны, если в lighthouse показывает хорошие результаты? Что из этого интересно ближе к реальным цифрам?)
  • Сергей Арсентьев, могу ли я сеошнику сказать, что тип вот смотри в lighthouse-е хорошие результаты и я решил задачу? :)
  • veroni1337, думаю нет, ему важен google page speed - потому что именно этот показатель используется в google при ранжировании страниц. Да и он более реальный.

    Подробнее есть тут https://dev-posts.ru/posts/lighthouse-google-pagespeed
    Поэтому можете посмотреть, что там в Total blocking time мешает получить зеленую оценку.
    Но даже 56 - это хороший балл, чтобы не заморачиваться с ним, то есть мешать сео это не будет, у конкурентов в большинстве случаев будет меньше.

  • lighthouse показывает как сайт отрабатывает в вашем браузере, причем можно настроить например скорость интернета и посмотреть как будет на конкретной скорости работать сайт.

    pagespeed а) замеряет скорость со своего сервера, б) вносит поправку на то, что пользователей много, у них разный интернет, разная мощность процессора и т.п. и как по статистике работает сайт на других устройствах. На сайтах у которых статистики нет используется "средние по больнице" показатели.

    • Понял. Значит у pagespeed более правдивые цифры

    Ответы:

    Ответ выше хорошо поясняет, почему отличается оценка Performance. Но у вас и Accessibility и Best Practices отличаются... Будто бы проверяется разный контент сайта...

    Вообще, как web.dev переделали и утащили мерилку в PageSpeed - она очень ненадежная стала, и иногда в принципе не срабатывает. (раньше было лучше)

    Я сам использую https://github.com/andreasonny83/lighthouse-ci - чтобы хотя бы быть независимым от аддонов и загрузки в других табах. Еще вариант (еретический, но все же) - поищите другие онлайн-тестилки по той же Lighthouse методологии на других сайтах. Возможно сторонний сайт будет надежнее-стабильнее чем гугловский.

    А насчет чертовщины с Accessibility и Best Practices - поглядите, за что именно снижается оценка в одном случае, и почему этого снижения нет в другом - может быть так получится понять проблему.

    Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Алексей Денисов Ответ

    Результаты, полученные с помощью инструмента Lighthouse в DevTools и PageSpeed Insight, могут отличаться по нескольким причинам:

    1. Различные условия тестирования: Когда вы используете Lighthouse в DevTools, тестирование происходит на вашем локальном устройстве, что может привести к другим результатам, чем при тестировании с помощью PageSpeed Insight, которое происходит на удаленном сервере Google.

    2. Разные версии инструмента: Возможно, что версии Lighthouse, используемые в DevTools и PageSpeed Insight, отличаются друг от друга. Это может повлиять на результаты тестирования.

    3. Различные настройки: Возможно, что у вас установлены различные настройки в DevTools и PageSpeed Insight, которые могут влиять на результаты тестирования. Например, в PageSpeed Insight могут быть применены дополнительные фильтры или правила.

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

    5. Разные метрики: Возможно, что Lighthouse и PageSpeed Insight используют разные метрики для оценки производительности сайта, что может привести к различным результатам.

    В целом, различия между результатами Lighthouse в DevTools и PageSpeed Insight могут быть обусловлены различиями в условиях тестирования, настройках инструментов и используемых метриках. Важно учитывать эти факторы при анализе результатов тестирования и оптимизации производительности вашего сайта.

    Другие ответы (1) Ответить на вопрос
    Ирина WP

    Различия в результатах могут быть вызваны несколькими факторами.

    Во-первых, Lighthouse в DevTools и PageSpeed Insight используют разные наборы данных и метрик для оценки производительности веб-страницы. Lighthouse в DevTools может быть более точным, так как он работает непосредственно в браузере и имеет доступ ко всем данным загрузки страницы, включая ресурсы, скрипты, стили и т. д. В то время как PageSpeed Insight работает удаленно и может не иметь доступа ко всем данным.

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

    Также стоит отметить, что PageSpeed Insight может использовать кэшированные данные для оценки производительности, в то время как Lighthouse в DevTools может выполнять тесты в реальном времени без кэширования.

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

    // Пример кода на PHP
    $variable = "Hello, World!";
    echo $variable;

    // Пример кода на PHP $variable = "Hello, World!"; echo $variable;

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно