Next.js Discord

Discord Forum

rendering of image issue

Answered
rkstlohchab posted this in #help-forum
Open in Discord
https://interior-design-seven-sigma.vercel.app/

the images does not load faster and takes about 3-4 second can u suggest something in code that helps rendering images faster or caching it on vercel deplloyment
?
Answered by Giant panda
Images in a web page should not be larger than 1 Mb and use webp or at least optimized for web
View full answer

40 Replies

@"use php"
Reduce size, and just check page speed insights
Size like
Reduce quality
Width etc
Oh ohkay
Use next/image
@"use php" Use next/image
If not already
Using next image
@"use php" Reduce quality
How
Quality param
@rkstlohchab How
Add quality param
Okay wait
Let me try
Btw
Im
Rendering image from
@"use php" Add quality param
Drive link
Would that be issue?
They are in 12 mb above size too
If there is a high latency
On Google drives end
@"use php" If there is a high latency
If i use cloudinary i will not get much storage
S3
?
Whats that
@rkstlohchab Whats that
A service for storing files
Cf r2 s3?
@rkstlohchab Cf r2 s3?
Cf r2 and s3 are separate
I recommend r2
Okayy
First let me reduce size
If that works
If it doesn't ill use r2
Giant panda
Images in a web page should not be larger than 1 Mb and use webp or at least optimized for web
Answer