Lazy load nefunguje v použití <div style="background-image: url"

29. 11. 2014 11:56:19

Načítám obrázky produktů za pomocí:

Pro zlepšení načtení stránky jsem se rozhodl pro použití Lazy a nebo v minimalizovaném provedení bLazy

Tyto pluginy pro jQuery jsou určité výborné, ale nemám páru, jak to použít na můj HTML kód. Samozřejmě není problém přes PHP script doplnit do DIV třeba data-src="" nebo něco podobného.

Setkal se už někdo s takovým problémem. Bohužel googlím snad hodinu, ale nic kloudného na můj problém jsem nenašel.

29. 11. 2014 11:56:19

https://webtrh.cz/diskuse/lazy-load-nefunguje-v-pouziti-div-stylebackground-image-url/#reply1072446

Marián

(4 hodnocení)

29. 11. 2014 12:04:44

Ten prvy spomenuty plugin (Lazy) podporuje nacitavanie aj pozadia divu cez background-image. Maju to spomenute v prikladoch -- http://jquery.eisbehr.de/lazy/index.php?c=element.

29. 11. 2014 12:04:44

https://webtrh.cz/diskuse/lazy-load-nefunguje-v-pouziti-div-stylebackground-image-url/#reply1072445

Vladimír Večeřa

(94 hodnocení)

29. 11. 2014 12:57:15

To jsem zkoušel, ale bez úspěchu. Zde mám celý kód.

29. 11. 2014 12:57:15

https://webtrh.cz/diskuse/lazy-load-nefunguje-v-pouziti-div-stylebackground-image-url/#reply1072444

Petr Soukup

(5 hodnocení)

29. 11. 2014 13:56:29

A je to vůbec potřeba? Všechny moderní prohlížeče už dnes samy načítají jako první viditelnou část stránky a pak teprve zbytek.

29. 11. 2014 13:56:29

https://webtrh.cz/diskuse/lazy-load-nefunguje-v-pouziti-div-stylebackground-image-url/#reply1072443

Vale

(7 hodnocení)

29. 11. 2014 14:11:51

A je to vůbec potřeba? Všechny moderní prohlížeče už dnes samy načítají jako první viditelnou část stránky a pak teprve zbytek.

V prípade vysokej návštevnosti a "dlhej" stránky dokážeš tým, že nebudeš načítavať obsah, ktorý nikto nevidí dosť ušetriť napr. prenos dát, dopyty po súboroch.

29. 11. 2014 14:11:51

https://webtrh.cz/diskuse/lazy-load-nefunguje-v-pouziti-div-stylebackground-image-url/#reply1072442

Marián

(4 hodnocení)

29. 11. 2014 14:18:58

Chyba ti tam atribut data-src="".

Takze podla mna nejak takto: http://kod.djpw.cz/bfib. Pre lepsiu ukazku som tam zvysil delay na 2000.

29. 11. 2014 14:18:58

https://webtrh.cz/diskuse/lazy-load-nefunguje-v-pouziti-div-stylebackground-image-url/#reply1072441

Petr Soukup

(5 hodnocení)

29. 11. 2014 14:47:51

Napsal ValeIG;1145243
V prípade vysokej návštevnosti a "dlhej" stránky dokážeš tým, že nebudeš načítavať obsah, ktorý nikto nevidí dosť ušetriť napr. prenos dát, dopyty po súboroch.

To bude ale jen specifický případ opravdu hodně dlouhé stránky. Jinak to naopak bude spíš horší, protože než aby se vše přeneslo v jednom spojení, tak se jich musí vytvořit několik - a to je špatně pro klienta i server. Ve výsledku to tak může být pomalejší a ještě i nákladnější.

29. 11. 2014 14:47:51

https://webtrh.cz/diskuse/lazy-load-nefunguje-v-pouziti-div-stylebackground-image-url/#reply1072440

Vladimír Večeřa

(94 hodnocení)

29. 11. 2014 15:10:09