Lazy load images jako linki

Mając sporo grafiki na stronie, staramy się nie ładować wszystkich obrazków. Od dawna znany jest pomysł z lazy load, czyli doładowanie grafiki tylko, gdy jest widoczna. W przykładach które widziałem, aby uniknąć załadowania obrazków generowany jest w tagu IMG atrybut src jako dummy.gif lub pusty, inne rozwiązania to moduł do Apache który w locie zmienia serwowany html. Moim zdaniem lepszym rozwiązaniem jest zamiana tagu IMG na link do obrazka, dzięki temu unikniemy załadowania grafiki, a w przypadku wersji mobile możemy nie ładować grafiki i użyć linka aby obejżeć grafikę.

Zmieniłem delikatnie plugin jQuery Lazy Load aby parsował linki. Problemem może być rozmiar obrazka jaki ustawić, rozwiązaniem może być wygenerowanie CSS klas z wartościami.

Dodatkowo można dodać lightbox z opcją zoom, np na urządzeniach mobilnych.