I am running a nextjs application Ubuntu 22.04 droplet@2GB RAM 1AMD vCPU 50GB storage . All other contents are getting loaded very fast except images. Images are getting loaded very slow on page load. Each image has reduced size in kb’s and getting loaded in the browser in an optimized way.
Could anybody please advise how could I resolve this issue.
This textbox defaults to using Markdown to format your answer.
You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!
These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.
Click below to sign up and get $200 of credit to try our products over 60 days!
You can make sure that the images are optimized in size (both file size and resolution).
Additionally, you can use some caching to load them faster instead of connecting to the server each time a resource is accessed.
I’ll recommend checking some Application tools like Google’s PageSpeed Insights, it should give you more information to act upon.
Additionally, are your images locally stored, or are you using some external link to load them, that might be a reason behind the slowness as well. If you are using an external link to load them, I recommend against it as it can cause what you’ve described.