Autor | Zpráva | ||
---|---|---|---|
akuzakl Profil * |
#1 · Zasláno: 2. 1. 2021, 00:15:31
Dobrý den,
snažím se optimalizovat svůj web pro mobilní zařízení, aby se načítal rychleji uživatelům s pomalým připojením. Dle Google PageSpeed Inside mi vcelku zásadně ovlivňuje načítání embedovaného videa z YouTube. Postupoval jsem podle tohoto návodu , ale zasekl jsem se u JavaScriptu. Mohl by mi, prosím, někdo vysvětlit, jak vytvořím IntersectionObserver a přidělím mu target element? Případně mě alespoň odkázal na nějaký článek, který by mi tento problém vysvětlil? Zatím jsem to pochopil tak, že všechno zkopíruju do lazy-load.js, takže bude vypadat takto? // create a new Intersection Observer let observer = new IntersectionObserver(callback); // the element that you want to watch const element = document.querySelector('iframe'); // register the element with the observe method observer.observe(element); Do hlavičky stránky jsem umístil uvedený tag a ověřil, že skutečně odkazuje na lazy-load.js, ale video v iframe mi zmizí hned po tom, co přepíšu src na data-src a neukáže se ani po umístění tagu do hlavičky stránky. |
||
Taps Profil |
#2 · Zasláno: 3. 1. 2021, 14:18:19
|
||
Časová prodleva: 23 dní
|
|||
iiic Profil |
#3 · Zasláno: 26. 1. 2021, 15:14:51
Podobnou věc jsme tvořil… widget co umístí nejnovější video z Youtube kanálu do stránky.
Píšu to proto že je to taktéž tvořené s ohledem na výkon a je tam taktéž použitý lazy loading, z API se stáhne náhledový obrázek a teprve po kliku na přehrávání se obrázek nahradí za pravé video a spustí se přehrávání. Kód je na githubu, třeba to pomůže github.com/iiic/YoutubeWidgetic |
||
Časová prodleva: 4 roky
|
0