Stopniowo pozwala Leniwy ładować obrazy z Vanilla JS

Każda nowoczesna strona internetowa musi być szybka. Chociaż istnieje wiele technik i wtyczek zwiększających szybkość strony, wciąż możesz nie wiedzieć, od czego zacząć.

Skrypt progresywny to świetne źródło do zwiększenia szybkości strony. Działa jako leniwy ładujący skrypt obrazkowy, który stopniowo ładuje obrazy, gdy użytkownik przewija stronę w dół.

To darmowy projekt open source, więc możesz go pobrać i uruchomić na dowolnej stronie internetowej. Plus to działa na 100% waniliowym JS, więc ma zerowe zależności, które mogą cię zważyć.

Możesz obejrzeć demo na żywo na stronie Progressively.

Jest trochę inny niż inne leniwe skrypty ładujące, ponieważ zachowuje stałe rozmiary obrazów dla całej strony. To zapobiega tak irytującemu przeskakiwaniu strony, gdy widzisz obrazy szybko ładowane do widoku i zwiększ wysokość zawartości.

A symbole zastępcze obrazów wyglądają tak, jak ładowane obrazy. Niesamowite!

Ta zgrabna technika daje odwiedzającym szansę sprawdź, jak wyglądają obrazy, zanim się załadują. To wszystko jest obsługiwane przez JavaScript, który sprawdza lokalizację użytkownika na stronie i wstępnie ładuje obrazy, gdy tylko się pojawią.

Stopniowo ma dość rozbudowany interfejs API więc jest to świetny wybór dla twórców stron internetowych. Konfiguracja może uzyskać informacje techniczne, więc pomaga, jeśli znasz drogę kodowania frontendowego.

Ale możesz dowiedzieć się więcej na głównej stronie GitHub, która zawiera pełną dokumentację API, instrukcje instalacji i fragmenty kodu przykładowego, które możesz skopiować / wkleić dla swoich projektów.

Jeśli potrzebujesz godnego zaufania leniwego skryptu graficznego bez nieprzyjemnych zależności, daj Progressively strzał. Jest całkowicie darmowy i oferuje wiele możliwości dostosowania dla programistów.

Zobacz także Progressively GitHub, aby dowiedzieć się więcej i zdobyć kod źródłowy do pobrania.