Jest to aplikacja dla systemu Linux o nazwie Lazy Load Remastered, której najnowszą wersję można pobrać jako Fixnpmsupport.tar.gz. Można go uruchomić online w bezpłatnym dostawcy hostingu OnWorks dla stacji roboczych.
Pobierz i uruchom online tę aplikację o nazwie Lazy Load Remastered with OnWorks za darmo.
Postępuj zgodnie z tymi instrukcjami, aby uruchomić tę aplikację:
- 1. Pobrałem tę aplikację na swój komputer.
- 2. Wpisz w naszym menedżerze plików https://www.onworks.net/myfiles.php?username=XXXXX z wybraną nazwą użytkownika.
- 3. Prześlij tę aplikację w takim menedżerze plików.
- 4. Uruchom emulator online OnWorks Linux lub Windows online lub emulator online MACOS z tej witryny.
- 5. W systemie operacyjnym OnWorks Linux, który właśnie uruchomiłeś, przejdź do naszego menedżera plików https://www.onworks.net/myfiles.php?username=XXXXX z wybraną nazwą użytkownika.
- 6. Pobierz aplikację, zainstaluj ją i uruchom.
ZDJĘCIA EKRANU:
Leniwe ładowanie zremasterowane
OPIS:
Lazy Load opóźnia ładowanie obrazów na długich stronach internetowych. Obrazy poza widocznym obszarem nie zostaną załadowane, zanim użytkownik nie przewinie do nich. Jest to przeciwieństwo wstępnego ładowania obrazu. To jest nowoczesna, waniliowa wersja JavaScript oryginalnej wtyczki Lazy Load. Wykorzystuje API Intersection Observer do obserwowania, kiedy obraz wchodzi do okna przeglądarki. Oryginalny kod został zainspirowany narzędziem YUI ImageLoader autorstwa Matta Mlinaca. Nowa wersja mocno zapożyczona z posta na blogu autorstwa Deana Hume'a. Domyślnie Lazy Load zakłada, że adres URL oryginalnego obrazu o wysokiej rozdzielczości można znaleźć w atrybucie data-src. W atrybucie src można również dołączyć opcjonalny symbol zastępczy o niskiej rozdzielczości. Jeśli wolisz, możesz jawnie przekazać elementy obrazu do fabryki. Użyj tego na przykład, jeśli używasz innej nazwy klasy. Symbol zastępczy o niskiej rozdzielczości, tj. technika „rozmycia”. Lazyloaded Responsive obrazy są obsługiwane przez data-srcset. Jeśli przeglądarka nie obsługuje srcset i nie ma polyfill, zostanie wyświetlony obraz z data-src.
Korzyści
- Rozmyj obrazy
- Responsywne obrazy
- Wstawiony obraz zastępczy
- Zmniejsz liczbę żądań, których możesz użyć obrazów URI danych jako symbolu zastępczego
- Możesz zainstalować wersję beta z przędzą lub npm
- Jeśli używasz jQuery, istnieje opakowanie, którego możesz użyć
Język programowania
JAVASCRIPT
Jest to aplikacja, którą można również pobrać z https://sourceforge.net/projects/lazy-load-remastered.mirror/. Został umieszczony w OnWorks, aby można go było uruchomić online w najprostszy sposób z jednego z naszych bezpłatnych systemów operacyjnych.