Lazy načítání obrázků s jQuery

Velmi důležitou vlastností webu je určitě rychlost načítání stránek. I přes pomalé stránky, které trvá příliš dlouho, aby nám ukázal, co chceme, ve skutečnosti většina uživatelů uzavírá stránku přechodem na jiné místo nebo konkurentem. Internet není nástrojem pro pacienta lidi ;-)

Technika Lazy Vkládání (přenesl se do "lazy loading") obrazů je právě vyhnout se dlouhé čekání a zbytečné v rámci webové stránky. Tento programovací techniky není ve skutečnosti odkazuje na obrázky, ale zahrnuje všechny prostředky "k ničemu", kdy načte, riorse, že bude samozřejmě vyvolány "on demand", když je potřeba.

Budeme čelit projev obrazů jako jsou v podstatě nejtěžší části webové stránky. Uživatel spustí stránky nemusí být nutně všichni budou prohlížet obrázky, snad proto, že jsou skryté, nebo jednoduše proto, že umístí na dně, nebo v oblasti vzdálené od místa, kde chce uživatel přístup k informacím.
Takové situace se vyskytují hlavně u velkých stran, jak jsou ti blog (který v obvinění z mnoha připomínek, může být velmi dlouhé). Za okolností, jako je tato, nemá smysl načíst všechny obrázky na startu, a to zejména ty, se nachází ve spodní části, protože to nikdy nemůže být viděn!

K provádění lazy načítání technika může být provedena různými způsoby.
Nejvíce zřejmé, že přijde na mysl, je odstranění snímků za letu z DOM pomocí JavaScriptu. Ale to by bylo špatné, protože způsob, jakým většina prohlížečů stále ještě předána žádost obrazu a chcete získat úplnou požadovaný efekt.
Dobrá technika, upozorňuje článek Paula Hammond Zrychlit vaše stránky s Zpožděné obsahu je místo toho použít vlastní atributy v HTML5. Pojďme se podívat, jak na to.

• <<
• 1
• 2
• 3
• >>