Kako da podesim lazy load za slike i video (tema aspekt)?

Kako podesiti lazy load za slike i video u WordPress temi

Lazy load je tehnika koja odlaže učitavanje slika i videa dok se ne pojave u vidnom polju posetioca, čime se poboljšava brzina učitavanja WordPress sajta. Mnoge moderne teme imaju ugrađenu podršku za ovo, ali evo koraka za podešavanje u klasičnom WP pristupu.

1. Proverite podršku u temi

  • U administratorskom panelu idite na Izgled > Prilagođavanje ili dokumentaciju vaše teme.
  • Proverite da li tema koristi atribut loading="lazy" za slike i video (standard od WordPress 5.5+).
  • WP Host nudi preko 350 premium tema (kao Astra Pro, OceanWP, Divi) sa optimizacijama za brzinu.

2. Dodajte podršku u functions.php teme (za child theme)

  1. Napravite child theme ako je već ne postoji (preko Izgled > Uređivač tema).
  2. Dodajte sledeći kod u functions.php child teme:
    function add_lazy_loading_to_images() {
        add_filter('wp_get_attachment_image_attributes', function($attr) {
            $attr['loading'] = 'lazy';
            return $attr;
        });
    }
    add_action('wp_head', 'add_lazy_loading_to_images', 1);
  3. Za video, dodajte loading="lazy" ručno u HTML ili koristite sličan filter za iframe/embede.

3. Koristite premium pluginove iz WP Host biblioteke

  • Aktivirajte plugin preko korisničkog panela (do 4 po sajtu besplatno):
  • RankMath SEO ili Yoast SEO Premium – imaju opcije za lazy load.
  • Elementor Pro ili Ultimate Addons for Elementor – automatski lazy load za slike i video u builderu.
  • Pošaljite ticket podršci za instalaciju i aktivaciju.

Napomena: Hosting je ključna karika u performansama – WP Host nudi najbrži WordPress hosting u Srbiji sa LiteSpeed serverima i NVMe SSD, što dodatno ubrzava lazy load efekat do 40%.