Lazy načítavanie obrázkov s jQuery

Veľmi dôležitou vlastnosťou webu je určite rýchlosť načítania stránok. Aj napriek pomalé stránky, ktoré trvá príliš dlho, aby nám ukázal, čo chceme, v skutočnosti väčšina užívateľov uzatvára stránku prechodom na iné miesto alebo konkurentom. Internet nie je nástrojom pre pacienta ľudí ;-)

Technika Lazy Vkladanie (preniesol sa do "lazy loading") obrazov je práve vyhnúť sa dlhé čakanie a zbytočné v rámci webovej stránky. Tento programovací techniky nie je v skutočnosti odkazuje na obrázky, ale zahŕňa všetky prostriedky "k ničomu", kedy načíta, riorse, že bude samozrejme vyvolané "on demand", keď je potreba.

Budeme čeliť prejav obrazov ako sú v podstate najťažšie časti webovej stránky. Užívateľ spustí stránky nemusí byť nutne všetci budú prezerať obrázky, snáď preto, že sú skryté, alebo jednoducho preto, že umiestni na dne, alebo v oblasti vzdialenej od miesta, kde chce používateľ prístup k informáciám.
Takéto situácie sa vyskytujú hlavne u veľkých strán, ako sú tí blog (ktorý v obvinenia z mnohých pripomienok, môže byť veľmi dlhé). Za okolností, ako je táto, nemá zmysel načítať všetky obrázky na štarte, a to najmä tie, sa nachádza v spodnej časti, pretože to nikdy nemôže byť videný!

Na vykonávanie lazy načítania technika môže byť vykonaná rôznymi spôsobmi.
Najviac zrejmé, že príde na myseľ, je odstránenie snímok za letu z DOM pomocou JavaScriptu. Ale to by bolo zlé, pretože spôsob, akým väčšina prehliadačov stále ešte odovzdaná žiadosť obrazu a chcete získať úplnú požadovaný efekt.
Dobrá technika, upozorňuje článok Paula Hammond Zrýchliť vaše stránky s Oneskorené obsahu je namiesto toho použiť vlastné atribúty v HTML5. Poďme sa pozrieť, ako na to.

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