Càrrega lenta de les imatges amb jQuery

Una característica molt important d'un lloc web és, sens dubte la velocitat de càrrega de les seves pàgines. Malgrat un lloc lent, pren massa temps per mostrar el que volem, de fet, la majoria dels usuaris tanca la pàgina, canviar a un lloc alternatiu o competidor. Internet no és una eina per al pacient ;-) persones

La tècnica de Lazy Loading (traduït com "càrrega lenta") de les imatges és, precisament, per evitar llargues esperes innecessàries i dins d'una pàgina web. Aquesta tècnica de programació no és, de fet, en referència a les imatges, sinó que abasta tots els recursos "inútil" quan es carrega, riorse que, per descomptat, recuperar "on demand" quan és necessari.

Farem front als discursos de les imatges ja que són essencialment la major part d'una pàgina web. L'usuari inicia una pàgina no és necessàriament veure totes les imatges, potser perquè estan ocultes o simplement perquè es col · loca en la part inferior o en una àrea distant de la qual l'usuari vol accedir a la informació.
Aquestes situacions es produeixen sobretot per a pàgines molt gran, com poden ser els dels bloc (que, al seu acusació de molts comentaris, pot ser molt llarg). En circumstàncies com aquesta no té sentit carregar totes les imatges a l'inici, especialment aquells ubicats a la part inferior, ja que mai pot ser vist!

Per posar en pràctica la tècnica càrrega diferida es pot implementar de diverses maneres.
El més obvi que ve a la ment és eliminar les imatges sobre la marxa de la DOM amb JavaScript. Però això també seria un error perquè la forma en la majoria de navegadors, però, han presentat la sol · licitud i no la imatge d'obtenir l'efecte complet que desitgi.
Una bona tècnica, va destacar en l'article de Paul Hammond velocitat del teu lloc amb contingut retard és, en canvi, utilitzar atributs personalitzats en HTML5. Anem a veure com.

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