Are you optimally loading your images?

Do you know how and when to use decoding=async, loading=lazy, fetchpriority, picture, aspect-ratio, or srcset?

#html #webdev #performance #css #javascript

[scyfox.]

it's good to know that there are tools for optimization because it would be a pain to build a gallery having to add all those lines to each and every image on a page.

[dopetag]

Wow! I've learned so much! Thank you. Your channel deserves much more views and subs!

[zindev]

What a such beautiful explanation in a short video. Thank you for this!

[Mitsunee_]

I prefer a single sourceset and checking the accept header serverside to determine whether to send an avif, webp or png. Saves a bunch of html if you end up using this a lot of a single page, such as in an image gallery page.

[ricko]

bro I'm really enjoying all your videos!

[harshsonar]

the most productive 3 minutes of the day

[arks.lacerda]

This is amazing! Very cool, you gained a new follower.

[cryptobrarry]

It is also reasonable to add onerror attribute to handle an error an onload to make Ajax loader animate if it is necessary

[namankeshari]

This was super insightful! Thank you so much for making this video!

[--VICKY-]

From where, you learn these things.. I too surfing around the globe, still didn't notice these things... Can you pls explain how to start researching on certain things... It will be more helpful for me, Thank you❤

[pauloluguenda]

2 years of studying html and I didn't know this tf

[ashish_prajapati_tr]

so much of optimization Thanks for video

[christopheanfry]

Amazing video so useful. Thank you so much. 🙏🙏🙏🙏

[dzwoneczek]

You started with background image and suddenly turned it into just img element

[yassinesafraoui]

That's why browsers are such a huge piece of software

[filipkovac]

Great video and article! Shouldn't you also include sizes attribute on all your source elements?

[Peterstavrou]

Awesome!
Should the srcset be set to the below as default or do we need to try to figure out the sizes per width?
/image.png?width=100 100w, /image.png?width=200 200w, /image.png?width=400 400w, /image.png?width=800 800w

[jazzdestructor]

Hey Bro, love this video, could you make a video about optimisations that can be done for video tag as well??

[theechocolatpapii]

I get these properties but I'm not sure if I understand them. My question is does this mean that you have to have multiple images of different sizes in assets folder or it will apply these effects on a single image with regard to what's most optimal at the time?

[hustle]

bro is there any way to preload videos at the startign only and then able to seek to any point without buffering, i dont know if youtube allow this or not but is it possible somehow through programming?