Przejdź do głównej zawartości

Lazy loading

Filmy, panoramy 360° i modele 3D są ciężkie. Ładowanie ich aktywnie przy każdym żądaniu strony zabija wyniki page-speed i marnuje przepustowość klienta. Mediaverse odracza ładowanie do momentu, aż zasób wjedzie do viewportu — ale możesz dostroić zachowanie.

  • Iframe’y osadzeń (YouTube, Vimeo itp.) — zastąpione miniaturą + nakładką play, dopóki klient nie kliknie play
  • Elementy HTML5 <video>preload="metadata" lub preload="none" zamiast preload="auto"
  • Panoramy 360° — przeglądarka inicjalizuje się dopiero, gdy slajd jest pokazany
  • Modele 3D<model-viewer loading="lazy"> odracza ładowanie pliku modelu

Lazy loading jest przełączane per typ strony:

  • Settings → Plugins → Mediaverse → Video → Lazy load in listing — siatki kategorii i wyszukiwania
  • Settings → Plugins → Mediaverse → Video → Lazy load in CMS — Shopping Experiences
  • Strony szczegółów produktów lazy-loadują domyślnie; źródła wymienione w Embed → general → Load iframe immediately ładują się aktywnie, reszta pozostaje lazy.

Jeśli strona absolutnie potrzebuje natychmiastowego załadowania iframe’a (np. film hero na landing page), włącz eager loading dla tego źródła w Embed → general → Load iframe immediately — osobno per typ strony.

<model-viewer> wspiera cztery tryby ładowania:

  • auto — pozwól przeglądarce zdecydować (zalecane)
  • lazy — ładuj dopiero przy przewinięciu do widoku
  • eager — ładuj przy żądaniu strony
  • manual — ładuj dopiero, gdy klient naciśnie przycisk “Load 3D Model”

Dla stron kategorii z wieloma produktami 3D, manual to najbezpieczniejszy wybór — klienci wyraźnie wybierają pobranie modelu.

Dla lokalnych filmów HTML5 preload na elemencie <video> kontroluje, jak agresywnie przeglądarka pobiera treść:

  • auto — preloaduje całe wideo (ciężko)
  • metadata — preloaduje tylko wymiary, długość, kodeki (lekko)
  • none — nic nie preloaduje, dopóki klient nie naciśnie play

Domyślnie w Mediaverse jest auto — przełącz na metadata dla większości przypadków.