Image Performance & Accessibility Features In WordPress With Oxygen

Sdílet
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....

Komentáře • 24

  • @fiqihalfarizy4843
    @fiqihalfarizy4843 Před 2 lety +2

    Damn..how amazing these features, please don't abandon this builder, oxygen team!

  • @matthias5421
    @matthias5421 Před 2 lety +7

    Thank you, Elijah, for letting us overwrite the alt text now by attribute!

  • @fredchams1052
    @fredchams1052 Před 2 lety

    As an A11y expert (France), I'm more than happy to see that subject is being addressed

  • @rickblackdog
    @rickblackdog Před rokem

    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.

  • @vigilantezack
    @vigilantezack Před rokem

    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.

  • @kokohcokisiregar
    @kokohcokisiregar Před rokem

    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"

  • @inka7961
    @inka7961 Před rokem

    More tutorials like this please! 😍

  • @workarea7407
    @workarea7407 Před 2 lety

    Thanks!!!

  • @eucalyptech
    @eucalyptech Před 2 lety

    Thank you Elijah for those tricks and tips !

  • @jamesround86
    @jamesround86 Před rokem

    If you use something like Litespeed Cache that has image optimisation anyway, is there any benefit to using Oxygen lazy loading as well?

  • @wpdv
    @wpdv Před 2 lety

    Thank you, Elijah!!

  • @UjanShrestha
    @UjanShrestha Před 2 lety

    Hey Elijah, Great tutorial... Can you make a tutorial for the skeleton loading of images?

  • @shibupandit24
    @shibupandit24 Před 2 lety

    Thank you for this video will use from now this method only.

  • @DesignwithCracka
    @DesignwithCracka Před 2 lety +1

    Very useful info, thanks

  • @jp_joshi
    @jp_joshi Před 2 lety +1

    o2 is back :D

  • @jameswthrasher
    @jameswthrasher Před 2 lety

    Great info. Thanks, Elijah!

  • @michaelblechinger2240
    @michaelblechinger2240 Před 2 lety

    Love it! Very great

  • @wittywolk
    @wittywolk Před 2 lety

    Now let's the fight of which one is better begin... Wordpress native lazy load or some external lazy load like WP Rocket...

  • @ReubenHochstetler
    @ReubenHochstetler Před 2 lety

    Very cool stuff.

  • @geekjoshi
    @geekjoshi Před 2 lety

    Nice video.......

  • @kelvint.h1158
    @kelvint.h1158 Před 2 lety

    I am already using Smush for lazy loading, will using Oxygen's lazy loading improve the performance?

  • @AdvertisingArtTn
    @AdvertisingArtTn Před 2 lety

    Nice!!

  • @alexanderlinaresgiraldo3905

    Puedo crear una markeplace con este plugins?

  • @peterpinkster
    @peterpinkster Před 2 lety

    talking about accessibility.... try to valid HTML please !!