okNEXT — ваше следующее решение для мониторинга производительности веб-приложений!

Dec 02 2022

Что такое OKNEXT? okNEXT — это инструмент с открытым исходным кодом, который графически отображает показатели работоспособности для Next.js или React.

Что такое OKNEXT?

okNEXT — это инструмент с открытым исходным кодом, который графически отображает показатели работоспособности для приложений Next.js или React.js. С помощью okNEXT вы можете легко просматривать текущие показатели работоспособности и сравнивать их с предыдущими измерениями, полученными из Google Lighthouse, а также иметь доступ к соответствующим предложениям по улучшению веб-страницы на основе производительности вашего приложения. okNEXT избавляет разработчика от догадок об эффективности приложения и будущих улучшениях, делая тенденции и поведение показателей простыми для понимания и визуализации, улучшая общий опыт разработчика в развитии и разработке приложений.

Зачем отслеживать веб-показатели вашего приложения?

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

Возможности okNEXT:

Динамическое хранилище данных: сохраняйте предыдущие и текущие данные метрик из Google Lighthouse на нескольких конечных точках.
Данные о показателях работоспособности: графическое отображение показателей работоспособности для приложений React.js и Next.js, полученных из Google Lighthouse.
Предложения: метрики работоспособности в сочетании с предложениями по производительности приложения предоставляют пользователю рекомендации по улучшению своего приложения.
Возможность быстрого входа в систему с OAuth: используйте свой логин Google, чтобы быстро и безопасно получить доступ к нашему инструменту разработки, чтобы начать отслеживать показатели вашего здоровья!

Наше приложение использует фреймворки React.js и Next.js для создания безупречной маршрутизации и выборки данных. Пользователь может просто войти в систему и ввести конечную точку желаемого приложения.

После выбора «получить отчет» запускается почтовый запрос, и наше приложение отправляет запрос в Google Lighthouse для получения соответствующих данных о производительности. Эти данные сначала хранятся в защищенной базе данных нашего приложения. Если имеются ранее сохраненные отчеты, возвращаются эти метрики вместе с последними запрошенными метриками.

После завершения почтового запроса пользователь сможет переключаться между показателями работоспособности, связанными с общей производительностью приложения, или конкретными показателями Next.js с помощью панели управления.

Вывод:

Мы создали okNEXT, потому что хотели предоставить инструмент разработки с открытым исходным кодом, который помог бы разработчикам отслеживать их веб-приложения React.js и Next.js и понимать, как улучшить их показатели производительности. Мы надеемся, что этот инструмент поможет сообществу разработчиков программного обеспечения двигаться вперед благодаря более быстрым и гибким веб-приложениям!

Если вы хотите начать улучшать свое приложение, посетите нашу страницу!

Если вы хотите внести свой вклад в okNEXT, отправьте запрос на вытягивание на нашем Github .