In my case when i comlile the application it taking 8sec for 243 modules,and cpu percentage is hitting 100% when i koad the application Any way to resolve please suggest🙏🏻🙏🏻🙏🏻 I have done image optimization,dynamic loading
I would just use the regular initialization process, just dynamically import the package when you need to so it doesn’t ruin your web vitals as the package is massive👍
I will try it on my current project, thanks for your response. What I do is to create a firebaseInit.js on root and then import/export getAuth, getAnalytics, getFirestore, initialize(config), this is the regular method?@@benhaig
Yeah, that's what I mean. Just be careful when you import anything inside of the Firebase npm package in your components. I have managed to get sites to run much faster by just using dynamic imports alone.
The website my team is building doesn't have a lot of dynamic content, but it has a lot of images that come mostly from Stripe, i don't think using next/dynamic is the better approach, any suggestions? Maybe react memo or using suspense components?
How can I optimize analytics scripts to improve site speed score, as they still slow down the website even with the use of the "afterInteractive" property?
i have never seen this content before, thank you and congratulations!
your info is priceless.. thx
ridi
In my case when i comlile the application it taking 8sec for 243 modules,and cpu percentage is hitting 100% when i koad the application
Any way to resolve please suggest🙏🏻🙏🏻🙏🏻
I have done image optimization,dynamic loading
What is the most optimal way to initialize Firebase in Next.js?
I would just use the regular initialization process, just dynamically import the package when you need to so it doesn’t ruin your web vitals as the package is massive👍
I will try it on my current project, thanks for your response. What I do is to create a firebaseInit.js on root and then import/export getAuth, getAnalytics, getFirestore, initialize(config), this is the regular method?@@benhaig
Yeah, that's what I mean. Just be careful when you import anything inside of the Firebase npm package in your components. I have managed to get sites to run much faster by just using dynamic imports alone.
Thank you very much!!!
The website my team is building doesn't have a lot of dynamic content, but it has a lot of images that come mostly from Stripe, i don't think using next/dynamic is the better approach, any suggestions? Maybe react memo or using suspense components?
Lazy load images, there’s one built in to html
How can I optimize analytics scripts to improve site speed score, as they still slow down the website even with the use of the "afterInteractive" property?
Did you find any solution for it @eghazaryan3335
Partytown