Components is taking so much time to load | Next.js | Page 1

dense orchid Mar 28, 2025, 5:04 PM

#

Hello, In my Next.Js 15.2.4 app router application, some of the components is taking so much time to load, but that lags happens only after like 4 days of a restart, so when i stop the app and run the server again it's fast

sour tulipBOT Mar 28, 2025, 5:04 PM

#

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

dense orchid Mar 28, 2025, 5:04 PM

#

Website is at https://lutex.io for anyone who wants to look more

Lutex | Discord Bot

Transform your Discord server with Lutex – the ultimate all-in-one bot that streamlines server management, boosts engagement, and secures your community. Experience advanced moderation, anti-raid protection, customizable economy systems, automated giveaways, and efficient ticket management, all designed to enhance your server’s performance a...

#

The Landing page is also taking so much time to load as well

mortal frost Mar 28, 2025, 9:22 PM

#

@dense orchid Your home page is 5mb ?

dense orchid Mar 28, 2025, 11:35 PM

#

mortal frost <@589989048005689366> Your home page is 5mb ?

It's 51.6kb

mortal frost Mar 28, 2025, 11:58 PM

#

dense orchid It's 51.6kb

it shows 5mb at network tab

#

also animations can make it look "loading slow" especially at slow pc s

dense orchid Mar 29, 2025, 12:07 AM

#

mortal frost also animations can make it look "loading slow" especially at slow pc s

Yea but the problem is that it's not even rendering the content

#

Which browser are you using?

mortal frost Mar 29, 2025, 12:07 AM

#

firefox

dense orchid Mar 29, 2025, 12:08 AM

#

That's weird

#

what could be the reasons of that huge size?

#

also in brave it's showing me that the size is 51.6kb, why did it take 5mb to load?

#

when i do a restart to the server it's loading fast as it should

mortal frost Mar 29, 2025, 12:14 AM

#

can i see your build logs @dense orchid

dense orchid Mar 29, 2025, 12:14 AM

#

mortal frost can i see your build logs <@589989048005689366>

On local?

mortal frost Mar 29, 2025, 12:14 AM

#

vercel

dense orchid Mar 29, 2025, 12:15 AM

#

I don't use vercel

mortal frost Mar 29, 2025, 12:15 AM

#

only last block

#

which says static ...

dense orchid Mar 29, 2025, 12:15 AM

#

1s

#

@mortal frost

mortal frost Mar 29, 2025, 12:43 AM

#

looks okay, maybe your host is slow

#

also 1s is okay for a page which have heavy animation

#

like threejs

dense orchid Mar 29, 2025, 2:13 AM

#

mortal frost looks okay, maybe your host is slow

hmm that's weird

dense orchid Mar 29, 2025, 2:14 AM

#

mortal frost also 1s is okay for a page which have heavy animation

no i meant 1s lemme get you the logs 😂

mortal frost Mar 29, 2025, 3:14 AM

#

dense orchid no i meant 1s lemme get you the logs 😂

no i meant i checked it on network tab and showed 1s to load time, its okay

dense orchid Mar 29, 2025, 3:14 AM

#

mortal frost no i meant i checked it on network tab and showed 1s to load time, its okay

Hmm, my friend said the same thing, maybe i'm the only one who have this issue

#

But also 5mb to load landing page? that's alot

mortal frost Mar 29, 2025, 3:16 AM

#

dense orchid Hmm, my friend said the same thing, maybe i'm the only one who have this issue

can we see your lighthouse reports to check what is wrong

dense orchid Mar 29, 2025, 3:16 AM

#

and will be a problem for those who have a slow internet like me

mortal frost Mar 29, 2025, 3:16 AM

#

or pagespeed insights

#

if you have a thing faster than 3g its okay to have 1sec load times

dense orchid Mar 29, 2025, 3:17 AM

#

mortal frost can we see your lighthouse reports to check what is wrong

Sure

mortal frost Mar 29, 2025, 3:17 AM

#

my near empty page takes 500ms

dense orchid Mar 29, 2025, 3:17 AM

#

mortal frost my near empty page takes 500ms

hmm, so my website is considered fast?

mortal frost Mar 29, 2025, 3:17 AM

#

37 requests
1.1 MB transferred
3.6 MB resources
Finish: 780 ms

dense orchid Mar 29, 2025, 3:18 AM

#

mortal frost Mar 29, 2025, 3:18 AM

#

yep but fast load is not same with fast rende

#

its rendering slow

#

that is what i mean

dense orchid Mar 29, 2025, 3:18 AM

#

mortal frost yep but fast load is not same with fast rende

Yes it's taking long time to render

mortal frost Mar 29, 2025, 3:19 AM

#

for that i need to see the code

dense orchid Mar 29, 2025, 3:19 AM

#

Can i dm?

#

Your local LCP value of 15.75 s is poor.
LCP element
img.w-full.h-full.object-cover

#

It's saying that it is because of the image under that text

mortal frost Mar 29, 2025, 3:23 AM

#

yep @dense orchid

dense orchid Mar 29, 2025, 3:32 AM

#

mortal frost yep <@589989048005689366>

Will making it lazy load fix the issue?
i will try that

mortal frost Mar 29, 2025, 3:42 AM

#

dense orchid Will making it lazy load fix the issue? i will try that

okay let me know the result

dense orchid Mar 29, 2025, 3:56 AM

#

mortal frost okay let me know the result

I've completely removed the image and now it's telling me

Your local LCP value of 12.59 s is poor.
LCP element
p.max-w-2xl.mx-auto.text-description-color.text-sm.lg:text-xl

Which is the description, That is just so weird

dense orchid Mar 29, 2025, 4:27 AM

#

i removed framer-motion and it reduced to 3.12s

#

#

@mortal frost Can you tell me what does it shows for you?

mortal frost Mar 29, 2025, 10:30 AM

#

dense orchid <@1257609464811487255> Can you tell me what does it shows for you?

I ll check when i on the pc, but i guessed right. Animations making things so slow and sluggish.

#

Also you can send me lighthouse reports and google pagespeed insights

mortal frost Mar 29, 2025, 1:29 PM

#

its 1.94 s LCP on mine, but this depends on hardware and network so its not a descriptive metric to measure performance

#

For me its 660ms on network tab, but your / is still large and takes most of time of 660

#

only 400ms is "waiting server response"

#

If you are not performance optimistic this values are so good, if you want more fine tuning we need to see whole codebase and hosting options

dense orchid Mar 29, 2025, 5:43 PM

#

@mortal frost

#

only the landing page is what taking that long, other pages is fast as they should

#

Idk if it's framer-motion or not

mortal frost Mar 29, 2025, 5:56 PM

#

dense orchid <@1257609464811487255>

Looks like not

dense orchid Mar 29, 2025, 5:56 PM

#

mortal frost Looks like not

Not what exactly

mortal frost Mar 29, 2025, 5:56 PM

#

Not framer i mean

dense orchid Mar 29, 2025, 5:57 PM

#

hmm, So what's the issue

mortal frost Mar 29, 2025, 5:57 PM

#

Is it slow when you build it locally

dense orchid Mar 29, 2025, 5:57 PM

#

Hmm, a little bit, because i have some obfuscated code

#

but i don't use that in the landing page

mortal frost Mar 29, 2025, 5:58 PM

#

Well i need to see that code

dense orchid Mar 29, 2025, 5:58 PM

#

The langing page?

mortal frost Mar 29, 2025, 5:58 PM

#

Codebase actually

dense orchid Mar 29, 2025, 5:58 PM

#

uhhhm

#

I can share screen to it once i get home

mortal frost Mar 29, 2025, 5:59 PM

#

Vscode live share link would be better

dense orchid Mar 29, 2025, 5:59 PM

#

Can't give you access to the whole project sorry

mortal frost Mar 29, 2025, 6:00 PM

#

Then just send me some files

#

next.config, package.json, rootlayout component and landing page

#

Also local build logs at terminal

#

Only after generating static pages block

#

Otherwise i cant get what is wrong

#Components is taking so much time to load