Galeria - html, js

Question

Czy ktoś ma może pomysły jak zrobić galerią, gdzie obrazy ładują się dziesiątkami. Czyli kiedy użytkownik obejrzy te 10, na dole strony wczytają się kolejne 10.

Chodzi mi szczególnie o optymalizacje. Czy ktoś ma jakieś pomysły?

Answer 1

Możesz zastosować natywny lazy loading dla obrazków albo analizować np. położenie na ekranie jakiegoś elementu i na tej podstawie doczytywać kolejne obrazki. Myślę jednak, że lazy loading będzie wystarczający: https://addyosmani.com/blog/lazy-loading/?fbclid=IwAR21JNzKhSOv2v8qmq1YBi7ymU3Zypjz4gimPnsztpzEqKxIzbmy8ZIrnCQ

Jeśli jakaś starsza przeglądarka tego nie obsłuży to po prostu standardowo będzie ładować wszystko, jeśli to jest dla Ciebie biznesowo i UXowo oki to spoko.

Comments

Czy on działa normalnie bez żadnych wtyczek?

---

Tak, nie każda przegladarka to wspiera ale zobacz sobie na caniuse, wg mnie można zgodzic sie na brak lazy w starych środowiskach ale to już oczywiscie decyzja nie programisty lecz biznesu i UX.

Answer 2

ja bym to załatwił javascriptem.