Lazy ładowania obrazów z jQuery

Bardzo ważnym elementem strony internetowej jest na pewno szybkość ładowania stron. Pomimo powolnego witryny trwa zbyt długo, aby pokazać nam, co chcemy, w rzeczywistości większość użytkowników zamyka stronę przez przejście do alternatywnej lokalizacji lub konkurenta. Internet nie jest narzędziem dla osób, pacjent jest ;-)

Technika Lazy Loading (przetłumaczone na "lazy loading") obrazów jest właśnie w celu uniknięcia długiego czasu oczekiwania i niepotrzebne w stronie internetowej. Ta technika programowania nie jest w rzeczywistości odnosi się do obrazów, ale obejmuje wszystkie zasoby "bezużyteczne" podczas ładowania, riorse, które, oczywiście, pobierane "na żądanie", gdy istnieje potrzeba.

Będziemy twarz dyskurs zdjęć, ponieważ są one głównie najcięższe część strony internetowej. Użytkownik uruchamia stronę niekoniecznie wszystkie będą wyświetlać obrazy, może dlatego, że są ukryte lub po prostu dlatego, że umieszczony na dole lub w miejscu odległym od których użytkownik chce uzyskać dostęp do informacji.
Takie sytuacje mają miejsce głównie w przypadku stron bardzo duże, jak te na blogu (który w oskarżenie o wiele komentarzy, może być bardzo długi). W takich okolicznościach, jak to nie ma sensu, aby załadować wszystkie obrazki przy starcie, zwłaszcza tych znajdujących się na dole, ponieważ nigdy nie mogą być postrzegane!

W celu realizacji leniwy technika ładowania mogą być realizowane na różne sposoby.
Najbardziej oczywiste, że przychodzi do głowy to usunięcie zdjęć w locie z DOM za pomocą JavaScript. Ale byłoby to złe, ponieważ sposób, w jaki większość przeglądarek nadal nie przekazały wniosek obrazu i chcesz uzyskać pełny pożądany efekt.
Dobra technika, podkreślił w artykule Paula Hammond Speed ​​Up Your Site z treści Opóźniona jest natomiast użycie niestandardowych atrybutów, w HTML5. Zobaczmy jak.

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