Progressive Lazy Loading for Joomla

Tworzenie wspaniałych treści na Joomla! to jedno, a udostępnianie ich to drugie. Lazy loading to jedno z rozwiązań, które łączy oba te aspekty bez zmiany Twojego sposobu pracy. Dzięki progresywnemu lazy loadingobrazy ładują się tylko wtedy, gdy są potrzebne. Jeśli czytelnik nigdy nie dotrze do obrazu na stronie internetowej, ten nigdy nie zostanie pobrany. Teraz lazy loading jest również dostępny na Joomla!

Korzyści z lazy loading są liczne; strony ładują się szybciej, co oznacza, że doświadczenie użytkownika jest lepsze, wyniki SEO idą w górę, a treść Joomla jest bardziej dostępna dla użytkowników na urządzeniach niskiej klasy lub przy słabym dostępie do Internetu. Kilka tygodni temu przedstawiliśmy ulepszenie podstawowego przepisu lazy loading na WordPress. Dziś przedstawiamy to samo dla Joomla!, ale zanim to zrobimy, przyjrzymy się, jak można włączyć progresywne lazy loading w Joomla!

Włączanie Lazy Loading w Joomla!

Lazy loading w Joomla! jest częścią Speed Cache. Aktywacja lazy loading jest tak prosta, jak przełączenie przełącznika. Jednak Speed Cache Joomla! zawiera również inne funkcje, które pomagają maksymalnie wykorzystać lazy loading

Aby skonfigurować lazy loading na swoim blogu Joomla!, przejdź do swojego Speed Cache panelu. Następnie kliknij przycisk konfiguracji, aby przejść do zupełnie nowej strony Speed Cache ustawień.

Ustawienia lazy loading znajdują się w parametrach. Przejdź tam lub użyj nowej funkcji wyszukiwania, aby znaleźć ustawienia lazy loading. Aby włączyć lazy loading, po prostu włącz opcję lazy loading. Zaraz po tym, Speed Cache wyświetla nowe opcje, aby dostosować lazy loading do Twojej witryny.

Wyklucz obrazy z Lazy Loading Joomla!

Za pomocą pierwszych dwóch pól możesz wykluczyć niektóre obrazy z lazy loading , jeśli są one bardzo małe, takie jak ikony lub małe loga. Jest to przydatne do włączania lazy loading tylko dla obrazów, które faktycznie wpływają na czas ładowania Twojego bloga Joomla! . Z tego powodu upewnij się, że wykluczasz tylko bardzo małe obrazy, aby nie renderować lazy loading bezskutecznie.

W niektórych przypadkach jednak możesz chcieć wykluczyć (lub włączyć) całe zestawy postów lub stron Joomla! z lazy loading. Powody, dla których to robisz, są bardzo różne i uzasadnione — być może zawarte w nich media są integralną częścią treści. Do tego celu służą następujące dwa pola.

Za pomocą pierwszego pola możesz włączyć lazy loading tylko dla niektórych stron, a za pomocą drugiego pola możesz wyłączyć lazy loading tylko dla wybranych treści. W obu przypadkach dozwolone są także symbole wieloznaczne; użyj symbolu gwiazdki, aby zastosować lazy loading w zestawach podobnie nazwanych postów lub stron Joomla! Zapisz zmiany, aby włączyć lazy loading: lazy loading zaczyna obowiązywać na Twoim blogu Joomla! automatycznie.

Jak działa progresywne Lazy Loading w Joomla!

Lazy loading serwuje treści tak szybko, jak tylko są potrzebne. Zwykle strony składają się z kombinacji tekstu i obrazów. Pobieranie multimediów zajmuje więcej czasu niż pobieranie tekstu, szczególnie na słabszych telefonach komórkowych lub przy wolnym dostępie do internetu. Podczas gdy Twój blog Joomla! nie może magicznie przyspieszyć telefonów komórkowych ani dostępu do internetu, może zrobić następną najlepszą rzecz: poprawić doświadczenie użytkownika.

Co właściwie oznacza lazy loading to to, że przeglądarka początkowo ładuje tekst, który jest zwykle integralną częścią Twojego bloga Joomla! Tekst jest również znacznie mniejszy, więc ładuje się szybciej i Twoi czytelnicy mogą nadążyć. Kiedy przewijają w dół i obraz pojawia się w widoku, lazy loading pobiera i wyświetla obraz.

W rzeczywistości wczytanie obrazu może nadal zająć trochę czasu. Dlatego progresywne leniwe ładowanie obrazów automatycznie tworzy małą wersję obrazów — szeroką na 20 pikseli, z 4 kolorami i o rozmiarze zaledwie kilku KB — powiększa je do oryginalnego rozmiaru, a następnie rozmazuje. Efekt jest rozmazaną wersją pełnowymiarowego obrazu, który wskazuje, że obraz jest nadal pobierany. Gdy lazy loading zakończy pobieranie obrazu, Joomla! zastępuje rozmazany obraz pełnym obrazem.

Progresywne lazy loading jest automatycznie włączane z lazy loading, co oznacza, że nie musisz wprowadzać żadnych dodatkowych zmian. Najlepsze ze wszystkiego, używając tylko małych wersji obrazu, progresywne lazy loading dodaje bardzo niewiele narzutu do przestrzeni dyskowej Joomla! .

Lazy Loading w galeriach Joomla!

Lazy loading nie dyskryminuje. Speed Cache’s lazy loading działa dla dowolnego obrazu, w tym galerii, takich jak galerie Droppics . Podobnie jak w przypadku normalnych obrazów, Speed Cache powiększa małą wersję obrazów w galerii i rozmazuje ją. Kiedy użytkownicy przewijają w dół, lazy loading pobiera obrazy w pełnym rozmiarze.

Najlepsze ze wszystkich, Speed Cache lazy loading nie przeszkadza w twoim przepływie pracy. Zamiast tego wstrzykuje lazy loading do twojego procesu: po prostu wstaw obraz lub galerię w dowolnym miejscu na blogu Joomla! i Speed Cache automatycznie ładuje obrazy leniwie za pomocą AJAX jeden po drugim po załadowaniu głównej zawartości — głównie tekstu i małych obrazów wykluczonych przez twoje preferencje — zostało załadowane.

Inteligentne Lazy Loading oparte na wysokości ekranu

Lazy loading to wszystko o przewijaniu i wysokości ekranu. Speed Cache’s lazy loading jest bardzo sprytne, ponieważ stosuje się tylko do bieżącej wysokości ekranu (w oparciu o widok) i wstępnie ładuje następny. Jeśli więc masz szybkie połączenie lub przewijasz powoli, nawet nie zauważysz, że lazy loading jest aktywowany na Twojej stronie Joomla.

Ponadto, ten lazy loading oparty na wysokości ekranu dotyczy tylko bieżącej wysokości ekranu, nawet jeśli znajduje się on na środku strony, na przykład w przypadku linku do kotwicy. Następnie lazy loading jest stosowany po przewinięciu w górę lub w dół.

Joomla SEO i Lazy Loading

lazy loading używany w Speed Cache nie ma wpływu na SEO. W rzeczywistości wyszukiwarki, które indeksują Twoje treści, takie jak robot Google, zobaczą tylko zalety:

• Czas ładowania strony jest znacznie lepszy;
• Cała zawartość obrazu, w tym tekst alternatywny, tytuł obrazu i opis, są ładowane natychmiast bez lazy loading; oraz
• Podpisy pod obrazami są również ładowane, gdy strona jest renderowana po raz pierwszy.

Progresywne lazy loading jest kompromisem pomiędzy wyświetlaniem mediów a opóźnianiem ich pobierania przez dodanie wskazówek wizualnych. Jednocześnie lazy loading sprawia, że nawigacja w Twoim blogu Joomla! jest szybsza i przyjemniejsza. Nie powinno być żadnych ograniczeń w udostępnianiu świetnej treści, a teraz, z progresywnym lazy loading na Joomla!, nie ma również ograniczeń w uczynieniu jej dostępną.

Oczywiście, możemy również pamiętać, że Speed Cache oferuje również wiele innych fantastycznych narzędzi, takich jak naprawdę ładny moduł pamięci podręcznej, który pozwoli nam przyspieszyć nasze witryny i przenieść je na wyższy poziom!

Sprawdź Speed Cache dla Joomla:  https://www.joomunited.com/products/speed-cache