Image Performance & Accessibility Features In WordPress With Oxygen
Vložit
- čas přidán 7. 09. 2024
- In this video, we're diving into Images! Learn about Lazy Loading, image sizes and SRCSET to reduce the size of your page, both on load and once the images have loaded in.
Also see how to use the new Object Fit, Object Position and Aspect Ratio controls in Oxygen v4.
Get Oxygen ➜ oxygenbuilder....
Subscribe ➜ oxygenbuilder....
JOIN THE OXYGEN FACEBOOK GROUP FOR HELP & SECRET INFO ➜ oxygenbuilder....
Damn..how amazing these features, please don't abandon this builder, oxygen team!
Thank you, Elijah, for letting us overwrite the alt text now by attribute!
As an A11y expert (France), I'm more than happy to see that subject is being addressed
Great primer - I knew most of this but it's good to see some of the ways Oxygen handles images - didn't know about the cover/contain thing - that just saved my bacon on a custom store.
It would be nice to add an option of a low rez image replacement technique as well as lazy load. For example you see a lie quality fuzzy image before the real one appears.
This can be handy in use cases where the height of the page, or sections, needs to be known and we need placeholders to be in there.
There may be many use cases, but dynamic switching from a fast loading low rez to higher rez image could be useful.
what about "Image elements do not have explicit width and height" and "Serve images that are appropriately-sized to save cellular data and improve load time"
More tutorials like this please! 😍
Thanks!!!
Thank you Elijah for those tricks and tips !
If you use something like Litespeed Cache that has image optimisation anyway, is there any benefit to using Oxygen lazy loading as well?
Thank you, Elijah!!
Hey Elijah, Great tutorial... Can you make a tutorial for the skeleton loading of images?
Thank you for this video will use from now this method only.
Very useful info, thanks
o2 is back :D
Great info. Thanks, Elijah!
Love it! Very great
Now let's the fight of which one is better begin... Wordpress native lazy load or some external lazy load like WP Rocket...
Very cool stuff.
Nice video.......
I am already using Smush for lazy loading, will using Oxygen's lazy loading improve the performance?
Nice!!
Puedo crear una markeplace con este plugins?
talking about accessibility.... try to valid HTML please !!