Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

with-chakra-ui with nextjs has very low lighthouse performance.

See original GitHub issue

Bug report

Describe the bug

Simply using the yarn create next-app --example with-chakra-ui with-chakra-ui-app and not making any changes yields a considerably low lighthouse performance score.

To reproduce

yarn create next-app --example with-chakra-ui with-chakra-ui-app && cd with-chakra-ui-app
yarn dev
Go to localhost:3000
Go to chrome -> right-click -> inspect element -> lighthouse -> generate report

Minimal reproduction

Simply do yarn create next-app --example with-chakra-ui with-chakra-ui-app

Expected behavior

I would assume that performance should be higher given that there isn’t a lot of javascript on the very basic app.

Screenshots

Example of getting a score of 30 on a basic Hero index page.

Unused javascript details.

System information

OS: macOS Catalina 10.15.6
Browser Chrome Version 85.0.4183.102 (Official Build) (64-bit)
Version of @chakra-ui/core: @chakra-ui/core @0.5.2
Version of Node.js: v12.18.3

Additional context

Issue Analytics

State:
Created 3 years ago
Comments:6 (3 by maintainers)

Top GitHub Comments

2reactions

zumbidowebcommented, Aug 29, 2022

Same here, moved to theme-ui with radix , 100% performance easy with next. It looks an amazing library but can’t get as good ranking with it. Strange that nobody cares to fix it as it make the library unusable … What is the point in making a next site if is not to get 100% ranking ?

0reactions

s-kriscommented, Feb 26, 2022

@tuncpolat

https://github.com/chakra-ui/chakra-ui/discussions/5647#discussion-3894946