How to make next js loading fast?

Unanswered

Havana posted this in #help-forum

HavanaOP

2024-08-02T22:45:43.288Z

Hello, I am creating a next JS landing page. Here is the live link: https://main--fooodsi.netlify.app/, and you can notice that my images are loading very slowly, which is making the website load very slowly. Anyone who can help me with it?

7 Replies

American Chinchilla

2024-08-02T22:56:40.786Z

Hmm the images load fast for me

But to make images load faster , you can follow these steps:

- compress the image file size
- use .webp
- using placeholder(blurdata)

@American Chinchilla But to make images load faster , you can follow these steps: - compress the image file size - use .webp - using placeholder(blurdata)

HavanaOP

2024-08-02T23:15:31.630Z

Okay I will try it

James4u

2024-08-02T23:23:45.118Z

https://pagespeed.web.dev/analysis/https-main--fooodsi-netlify-app/u2hu2parua?form_factor=mobile

@James4u https://pagespeed.web.dev/analysis/https-main--fooodsi-netlify-app/u2hu2parua?form_factor=mobile

HavanaOP

2024-08-03T01:32:13.128Z

really help me alot

James4u

2024-08-03T16:35:29.532Z

mostly about image optimization

use next-gen images like webp