Как понять, хорошо ли работает мое веб-приложение?
Я использую reportwebvitals для сбора данных, связанных с производительностью. Я вижу такие ценности, как:
{name: "LCP", value: 865.895, delta: 865.895, entries: Array(1), id: "v1-1619568902884-5783450530819"}
{name: "FID", value: 3.389999968931079, delta: 3.389999968931079, entries: Array(1), id: "v1-1619568902884-3190618744586"}
Я понимаю, что хороший показатель LCP ниже 2,5 с, а хороший показатель FID ниже 100 мс. Учитывая значения, какой ключ в точности указывает на эту оценку?
Я попытался просмотреть доступную документацию, но не смог понять, как получить эти временные результаты. Может кто-нибудь помочь?
Спасибо!
4 ответа
Похоже, это основано на web-vitals.js. README содержит гораздо больше информации о том, как интерпретировать вывод и когда использовать
deltaпротив . Чтобы ответить на ваш вопрос,
value поле показывает вам баллы по каждой метрике:
LCP = 866 миллисекунд
FID = 3 миллисекунды
Вы можете установить расширение Google Lighthouse для Chrome и протестировать производительность, доступность, лучшие практики и SEO для своего проекта.
Он проверит ваш проект и подскажет, как улучшить производительность, включая LCP.
Вот ссылка
И также обратитесь к этому
Хорошим и справедливым показателем будет тестирование вашей страницы с помощью Google PageSpeed Insights.Это даст вам подробный обзор различных жизненно важных функций Интернета как для мобильных, так и для настольных устройств. Вот пример функций жизненно важныхStackoverflow :
Отличным аспектом GPSI является то, что он присваивает рейтинг веб-сайту вашей страницы и дает вам отличную обратную связь о том, как вы могли бы потенциально улучшить свой результат.
Ваш балл FID и LCP - это значение, рассчитанное на основе производительности, представленной как
Документация содержит информацию о том, как это рассчитывается, где хранятся данные, а также дополнительную информацию, имеющую отношение к вашему вопросу.