This is a good article covering all posible points to improve web performance.
You can also preload images that is above the fold, which will eventually reduce the time for FCP (First Contentful Paint)
General, way of preloading image
Using Nextjs
src="/path/to/image.png"
width="800"
height="600"
priority={true}
/>
The priority prop indicates the browser to preload the image.
A highly motivated, versatile developer who is eager to learn and tinker with new different technologies/tools. Also, a firm believer in the quote - Learning is a lifelong process.
A highly motivated, versatile developer who is eager to learn and tinker with new different technologies/tools. Also, a firm believer in the quote - Learning is a lifelong process.
A highly motivated, versatile developer who is eager to learn and tinker with new different technologies/tools. Also, a firm believer in the quote - Learning is a lifelong process.
This is a good article covering all posible points to improve web performance.
You can also preload images that is above the fold, which will eventually reduce the time for FCP (First Contentful Paint)
General, way of preloading image
Using Nextjs
src="/path/to/image.png"
width="800"
height="600"
priority={true}
/>
The priority prop indicates the browser to preload the image.
Thanks prem. Can you elaborate a bit on how you would that? Will definitely help
Good read.
Not sure if these are what ur looking for.
dev.to/codegino/dynamic-image-plac...
dev.to/codegino/nextjs-features-to...
Thanks Carlo for sharing your blogs. Very Informative
Comment updated
Thanks prem. Got it. Will look into that