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
@Cimarrón Uruguayo When I load the page, the images load the last, how can i make them load WITH/AHEAD of the text content?
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"@B33fb0n3 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
the images are on the left
@Cimarrón Uruguayo Click to see attachment
and they are integrated with
<Image>? Or svg? Or ...? Take a look inside the network tab to see what will be loaded@B33fb0n3 and they are integrated with <Image>? Or svg? Or ...? Take a look inside the network tab to see what will be loaded
Cimarrón UruguayoOP
next.js' Image yes
@Cimarrón Uruguayo 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?
@B33fb0n3 <@473221703418511360> solved?
Cimarrón UruguayoOP
yes sorry