Images loading last
Answered
Cimarrón Uruguayo posted this in #help-forum
Cimarrón UruguayoOP
When I load the page, the images load the last, how can i make them load WITH/AHEAD of the text content?
Answered by B33fb0n3
then just add [the priority prop](https://nextjs.org/docs/app/api-reference/components/image#priority) to it
14 Replies
if your images are really important, you can add
priority
to your images. It's just a boolean prop that says "should load with priority or not"Cimarrón UruguayoOP
they're like icons to blog posts
so in /posts, there is a list of "card" components that get displayed to provide summary information of the blog
so there are tiny images for each blog post
representing the profile picture of the author (there is a fallback default configured)
can you show the design of the it? Or the code? Or both? So we know what you are doing
Cimarrón UruguayoOP
the images are on the left
and they are integrated with
<Image>
? Or svg? Or ...? Take a look inside the network tab to see what will be loadedCimarrón UruguayoOP
next.js' Image yes
then just add [the priority prop](https://nextjs.org/docs/app/api-reference/components/image#priority) to it
Answer
@Cimarrón Uruguayo solved?
Cimarrón UruguayoOP
yes sorry