Example
Provide example of Unused CSS + Next.js with different library's like material-ui,styled components,etc.
Manikanta-20
All 4 comments
@timneutkens why did you closed?
Manikanta-20
on 11 Jun 2020
Disregarded issue template.
timneutkens
on 11 Jun 2020
@timneutkens ,I want ask one more request ,In Google chrome on Inspect ,they add feature Lighthouse.It will generate particular page report like performance,accessibility,SEO
Sample Report:
As per google report,how can we increase the performance for real project, the report suggest to fix some issue to increase performance like
Sample Performance list
1) Reduce JavaScript execution time
2)Unused css ,optimize images
3)Minimize main-thread work
4)Eliminate render-blocking resources
5)Minimize main-thread work
.................
Can you tell how to solve these list because it depends on different dependency?
Manikanta-20
on 11 Jun 2020
My performance rating just dropped from 100% to 64% with no code changed at all.
Google must have added some new tests. It is even telling me that I should minify JavaScript code in production build even when (as far as I know) next.js make these optimizations during build process by default :D @timneutkens do you have any ideas why is that?
sebqq
on 31 Jul 2020
Related issues
formula349
路
3Comments
havefive
路
3Comments
kenji4569
路
3Comments
swrdfish
路
3Comments
timneutkens
路
3Comments
Most helpful comment
@timneutkens ,I want ask one more request ,In Google chrome on Inspect ,they add feature Lighthouse.It will generate particular page report like performance,accessibility,SEO
Sample Report:
As per google report,how can we increase the performance for real project, the report suggest to fix some issue to increase performance like
Sample Performance list
1) Reduce JavaScript execution time
2)Unused css ,optimize images
3)Minimize main-thread work
4)Eliminate render-blocking resources
5)Minimize main-thread work
.................
Can you tell how to solve these list because it depends on different dependency?