Na tohle pozor, až budete implementovat lazy loading obrázky

petrx

(8 hodnocení)

1. 1. 2017 23:33:53

Does Google execute JavaScript? | Stephan Boyer

1. 1. 2017 23:33:53

https://webtrh.cz/diskuse/na-tohle-pozor-az-budete-implementovat-lazy-loading-obrazky#reply1246656

Martin Schlemmer

(36 hodnocení)

2. 1. 2017 02:43:48

Nějak mi nedochází, co chceš tím nadpisem říct. Na co konkrétně si máme dát pozor při implementaci zpožděně nahrávaných obrázků v souvislosti s tím, že někteří boti vykonávají Javascript?

2. 1. 2017 02:43:48

https://webtrh.cz/diskuse/na-tohle-pozor-az-budete-implementovat-lazy-loading-obrazky#reply1246655

TomasX

(4 hodnocení)

2. 1. 2017 03:58:56

při lazy loadingu se často změní src obrázků na prázdnou hodnotu (či smaže img element) a v takovém případě, jakmile google ten JS spustí, neuvidí jeho robot obrázky.

Myslím ale, že s tím Google počítá, ještě jsem se s takovým problém nesetkal.

2. 1. 2017 03:58:56

https://webtrh.cz/diskuse/na-tohle-pozor-az-budete-implementovat-lazy-loading-obrazky#reply1246654

petrx

(8 hodnocení)

3. 1. 2017 11:36:30

V praxi se ukazuje, že Googlebot nenačte, potažmo nezaindexuje obrázky, které se načítají pomocí lazy loading.

3. 1. 2017 11:36:30

https://webtrh.cz/diskuse/na-tohle-pozor-az-budete-implementovat-lazy-loading-obrazky#reply1246653

TomasX

(4 hodnocení)

3. 1. 2017 12:32:03

aha, máš nějaké příklady webů, které se tak chovají? Prozkoumal bych to, případně bych sem hodil doporučení jak to udělat lépe. Není to můj fulltime job, dělám jiné blbosti, ale občas se na mě nějaká agentůra obrátí s technickými problémy, o tomhle ještě nevím, řešení bude triviální.

3. 1. 2017 12:32:03

https://webtrh.cz/diskuse/na-tohle-pozor-az-budete-implementovat-lazy-loading-obrazky#reply1246652

petrx

(8 hodnocení)

3. 1. 2017 23:55:38

Není v tom žádná záhada. Prostě obrázky načítané přes lazy load se v Google nezaindexují.

Dokonce jsem narazil na velký e-shop, který na stránkách produktů a kategorií načítal obrázky přes lazy load (nezaindexovaly se) a na firemním blogu uvnitř e-shopu se ilustrace v blogpostech načítaly normálně a Google je zaindexoval.

3. 1. 2017 23:55:38

https://webtrh.cz/diskuse/na-tohle-pozor-az-budete-implementovat-lazy-loading-obrazky#reply1246651

TomasX

(4 hodnocení)

4. 1. 2017 01:31:25

ale to není pravda, lazy loading obrázky je možné zaidexovat. Css display:none na obrázky fungoval před půl rokem, zanořit lazy loading skript do jiného skriptu, který není linkovaný z head, ale ze začátku body mi zajistí, že ho google nebude umět spustit atd. atd. atd. Stejně tak googlebot (i bing) rozumí některým data-uri atributům a umí si obrázek vytáhnout z toho, možností je celá řada.

4. 1. 2017 01:31:25

https://webtrh.cz/diskuse/na-tohle-pozor-az-budete-implementovat-lazy-loading-obrazky#reply1246650

petrx

(8 hodnocení)

14. 1. 2017 12:05:01

Napsal TomášX;1350663
ale to není pravda, lazy loading obrázky je možné zaidexovat. Css display:none na obrázky fungoval před půl rokem, zanořit lazy loading skript do jiného skriptu, který není linkovaný z head, ale ze začátku body mi zajistí, že ho google nebude umět spustit atd. atd. atd. Stejně tak googlebot (i bing) rozumí některým data-uri atributům a umí si obrázek vytáhnout z toho, možností je celá řada.

A není efektivnější a spolehlivější ty obrázky normálně zobrazit?

Na inkriminovaných stránkách e-shopu se zobrazuje ve výpisu kategorie 10 produktů na stránku pomocí lazy load (prý aby se ochránil výkon webserveru), na kartě produktu se zobrazuje 1 velké foto produktu, taktéž pomocí lazy load, také prý aby se ochránil webserver před zátěží a aby se prý stránky zobrazovaly rychle a aby objem dat nebyl velký.

Takže se na webu neindexují obrázky, za to však každá stránka obsahuje desítky Javascriptů (většina z nich jsou jednoduché knihovny z jQuery), přičemž Javascripty se nenačítají asynchronně (takže prohlížeč čeká, než se načtou a spustí) a celkový objem Javascriptů na stránce činí 800 kB

Před 20 lety nebyl problém zobrazit ve stránce kategorie 10 fotografií produktů a velkou fotografii produktu na jeho kartě. Přitom tehdy bylo k dispozici pomalejší připojení atd. Je absurdní, že někdo chce nyní pro tyto nevelké objemy dat používat lazy loading, zejména pokud je na stránce velký počet a objem Javascriptů, které nafukují datový objem a zpomalují vykreslení stránky.

14. 1. 2017 12:05:01

https://webtrh.cz/diskuse/na-tohle-pozor-az-budete-implementovat-lazy-loading-obrazky#reply1246649

TomasX

(4 hodnocení)

14. 1. 2017 14:46:09

rozporuješ něco co nikde řečeno nebylo, pokud je na stránce 10 obrázků nemá lazy loading význam, stejně tak velikost js je chyba současných webů bez ohledu na lazy loading.

Lazy loading není kvůli výkonu serverů, ale spíše kvůli datovému objemu, smysl to dává jen u velkých stránek s hodně obsahem, na který se dá scrollovat.

Ty mluvíš o nějakém eshopu, který tady ostatní neznáme, těžko se pak o rom bavit.

14. 1. 2017 14:46:09

https://webtrh.cz/diskuse/na-tohle-pozor-az-budete-implementovat-lazy-loading-obrazky#reply1246648

petrx

(8 hodnocení)

16. 1. 2017 12:02:05

Mám podepsaná NDAčka, takže nemohu sdělit, o které konkrétní weby klientů se jedná.

Ale lze říci, že se jedná o 3 weby od 2 dodavatelů. Oba dodavatelé jsou renomovaní tvůrci e-shopů (oba patří mezi 10 nejvývýznamnějších na trhu).

E-shop u jednoho klienta obsahuje 15 produktů na stránku v kategorii, obrázky se stahují pomocí lazy loadingu, mezi jednotlivými stránkami výpisu kategorie vedou normální hyperlinky.

Dva e-shopy u jiného klienta obsahují 10 obrázků produktů na stránku v kategorii a také se načítají pomocí lazy load, prý kvůli objemu dat, zátěži serveru a rychlosti načítání.

Zároveň stránka kategorie načítá desítky Javascriptů v objemu téměř jeden megabajt, které se navíc nespouštějí asynchronně, takže jejich spouštění blokuje vykreslení stránky.

16. 1. 2017 12:02:05

https://webtrh.cz/diskuse/na-tohle-pozor-az-budete-implementovat-lazy-loading-obrazky#reply1246647

TomasX

(4 hodnocení)

16. 1. 2017 12:09:46

tak to dělají špatně :), jelikož největší eshopy si dělají vlastní systémy interně (ano, czc je tak napůl), tak na ty dodavatele řešení už moc trhu nezbývá.

Ono pak záleží i na cache http hlavičkách, js nejspíš zůstávají v prohlížeči, obrázky taky, ale produkty se mění...

16. 1. 2017 12:09:46

https://webtrh.cz/diskuse/na-tohle-pozor-az-budete-implementovat-lazy-loading-obrazky#reply1246646

Webtrh obecný účet

(1 hodnocení)

29. 1. 2017 22:53:06

Google samozřejmě umí spouštět JS pro indexaci, avšak záleží to na vyhodnocení kvality webu. To vede ke (ne)spuštění JS a následnou indexaci s nebo bez při lazy loadingu.

Víc aktualizováný článek.

---------- Příspěvek doplněn 29.01.2017 v 22:56 ----------

Je to stejné, jako zobrazení hodnocení článku uživateli ve výsledcích. Zálkeží to na kvalitě webu, kterou si určí Google.

29. 1. 2017 22:53:06

https://webtrh.cz/diskuse/na-tohle-pozor-az-budete-implementovat-lazy-loading-obrazky#reply1246645

petrx

(8 hodnocení)

31. 1. 2017 02:34:19

Zažil jsem případy, kdy významné české weby nebyly uznány Googlem za hodné spouštění JS pro indexaci.

Indexace se tak vyhnula právě lazy loading obrázkům, zatímco obrázky načítané konvenčně zaindexovány byly.

Takže se na indexaci lazy loadingu Googlem nedá spoléhat.

31. 1. 2017 02:34:19