У локального маяка оценка сильно отличается от web.dev lighthouse

#javascript #reactjs #lighthouse

#javascript #reactjs #маяк

Вопрос:

Во время запуска моего веб-сайта create-react-app на web.dev, чтобы увидеть результаты lighthouse, я заметил, что они были не совсем хорошими. Скриншот результатов web.dev

Однако, когда я запускаю lighthouse в своей системе с этими настройками:

Настройки локального маяка

Я получаю лучшие результаты:

Скриншот результатов локального маяка

Обратите внимание, что я управляю местным маяком инкогнито.

Это IndexedDB, который улучшает мои результаты? Если да, то как я могу помешать IndexedDB сделать это?

Кроме того, просто в качестве примечания (на это действительно не нужно отвечать), эти результаты в порядке? Это PWA, так что после этого все будет кэшироваться. Спасибо!

Комментарии:

1. Если элементы хранятся в IndexedDB, вам нужно перейти на вкладку приложения в инструментах разработчика и очистить их там. Я думал, что они будут очищены по умолчанию, но, возможно, они не работают локально. Не могли бы вы открыть вкладку приложения и посмотреть, изменит ли это ваш результат. Имейте в виду, что Lighthouse — это инструмент в большей степени, чем что-либо другое, поэтому, пока вы обращаетесь к как можно большему количеству пунктов в разделе «возможности» и «диагностика», которые вы можете в разумные сроки, у вас все будет в порядке. Также это зависит от того, должна ли эта страница занимать место в Google / является частью процесса преобразования, имеет ли это значение.

2. Извините за поздний ответ, я не часто посещаю этот сайт. Когда я очистил IndexedDB, это приблизило показатель производительности к показателю web.dev (76 local против 71 web.dev), но лучшие практики не изменились, что немного сбивало с толку. Однако вы правы, когда говорите, что это просто инструмент. Спасибо, что ответили на этот вопрос! @GrahamRitchie