improve total blocking time
Unanswered
Norwegian Forest Cat posted this in #help-forum
Norwegian Forest CatOP
Hello,
I'm building a webapp with Next.js and my pages contain simple map view of location and a single marker.
For map related things I use maplibre gl js package.
The problem is that my website performance score is around 60-70 with the map. Without map is 99.
The map can be loaded later, it won't be visible unless user scrolls.
Does anybody have an idea how to improve total blocking time and all the issues shown in the screenshot?
So far, I have tried to use Suspense along with dynamic import of a Map component (around 800kB and 200kB when gzipped) and improvement is only around 5 points. Side question, does it make sense to use dynamic import when the component is rendered immediately and for example not on a button click?
Any ideas how to improve this?
I'm building a webapp with Next.js and my pages contain simple map view of location and a single marker.
For map related things I use maplibre gl js package.
The problem is that my website performance score is around 60-70 with the map. Without map is 99.
The map can be loaded later, it won't be visible unless user scrolls.
Does anybody have an idea how to improve total blocking time and all the issues shown in the screenshot?
So far, I have tried to use Suspense along with dynamic import of a Map component (around 800kB and 200kB when gzipped) and improvement is only around 5 points. Side question, does it make sense to use dynamic import when the component is rendered immediately and for example not on a button click?
Any ideas how to improve this?