Next.js Discord

Discord Forum

how to make website faster

Unanswered
Pug posted this in #help-forum
Open in Discord
PugOP
I ran it locally and it was fine, but after I put it into production, the images were very heavy, making the website difficult to access, even though the images were already in webp format and compressed, and I added several attributes such as:
<Image
                    placeholder=“blur”
                    loading="lazy"
                    quality={60}
                    sizes="50vw"
                    fill className={`object-cover ${imagePosition}`} alt="Image" src={image} />

In cPanel, I also set up website optimization to compress all content. I downloaded the Sharp package, exported the output as standalone, uploaded all folders in .next/standalone, moved the static folder in .next to the .next folder in the standalone folder, and moved the public folder to the standalone folder. The cPanel server also has good specifications:
100 websites

100GB disk space

8GB virtual memory & 4 vCPU cores

40 email accounts

Unlimited MariaDB databases

Unlimited bandwidth

LiteSpeed servers

Unlimited mail space

Advanced malware protection

Free SSL certificate

Daily backups

Free migrations

1 free domain*

24/7/365 support

Global data centers

30‑day money‑back guarantee**

Then why does the website feel very slow, and the images take a very long time to load, sometimes up to an hour? Website: lombokdirect.com,

2 Replies

PugOP
Whooping Crane
could you tell me who you are, please... @Pug