News Blog: Rozszerzenia WordPress i Joomla

Progresywny Lazy Loading dla Joomla

joomla-progressive-lazy-loading

Tworzenie świetnych treści za pomocą Joomla to jedno, a udostępnianie to drugie. Lazy loading to jedno rozwiązanie, które łączy te dwa elementy bez zmiany przepływu pracy. Technika ładuje obrazy tylko wtedy, gdy jest to potrzebne. Jeśli czytelnik nigdy nie osiągnie obrazu na stronie, nigdy nie zostanie pobrany.

Korzyści jest wiele. Strony ładują się szybciej, co oznacza, że ​​wrażenia użytkownika są lepsze, wyniki SEO rosną, a Twoja zawartość Joomla jest dostępna dla użytkowników na niższych urządzeniach lub powolnym dostępie do Internetu. Kilka tygodni temu, przedstawiliśmy ulepszenie podstawowej receptury lazy loading na WordPress. Dzisiaj prezentujemy to również dla Joomla, ale przedtem spójrz na lazy loading na Joomla.

 

Włączanie Lazy Loading na Joomla

Lazy loading na Joomla jest częścią rozszerzenia Speed Cache. Aktywacja lazy loading jest tak prosta, jak naciśnięcie przełącznika, ale Speed Cache Joomla zawiera również nowe funkcje, które nie są jeszcze dostępne w WordPress. Aby rozpocząć, przejdź do konfiguracji Speed Cache z backendu Joomla.

Wszystkie opcje lazy loading znajdują się w nowej karcie o trafnej nazwie lazy loading. Aby włączyć lazy loading, po prostu włącz pierwszą opcję. Poniżej rozszerzenie Joomla dodaje nowe opcje dostosowania lazy loading do Twojej witryny.

 

 

Wyklucz zdjęcia z Joomla Lazy Loading

Za pomocą dwóch pierwszych pól możesz wykluczyć niektóre obrazy z lazy loading, jeśli są one bardzo małe. Jest to przydatne, aby włączyć lazy loading dla obrazów, które faktycznie wpływają na czas ładowania twojego bloga Joomla, a nie na przykład ikony o szerokości 16 pikseli. Z tego powodu upewnij się, że wykluczasz tylko małe obrazy, aby nie uczynić lazy loading nieefektywnym.

Wykluczenie według szerokości i / lub wysokości obrazu.

 

leniwe ładowanie-wykluczenie

 

W niektórych przypadkach możesz jednak wykluczyć niektóre posty z lazy loading. Być może media, które zawierają, są integralną częścią treści. W tym celu wykorzystywane są następujące dwa pola. W pierwszym polu można włączyć lazy loading tylko dla niektórych stron, a w drugim polu można wyłączyć lazy loading tylko dla wybranych treści. W obu przypadkach dozwolone są również symbole wieloznaczne. Zapisz zmiany, aby włączyć lazy loading - funkcja działa automatycznie.

 

Progresywny Joomla Lazy Loading

Lazy loading wyświetla zawartość tak szybko, jak jest to wymagane. Pobieranie multimediów może jednak zająć trochę czasu, zwłaszcza na niższych telefonach komórkowych lub powolnym 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ć kolejną najlepszą rzecz - poprawić komfort użytkowania.

Obraz progresywny lazy loading automatycznie tworzy małą wersję obrazów - 20px szerokość, 4 kolory, waga kilka Kb - następnie wysadza je do oryginalnego rozmiaru, a następnie rozmywa. Efektem jest rozmyta wersja pełnowymiarowego obrazu, który wskazuje, że obraz jest nadal pobierany. Po zakończeniu pobierania obrazu zamazany obraz jest zastępowany pełnym obrazem.

 

Progresywny lazy loading jest włączany automatycznie w lazy loading, co oznacza, że ​​nie trzeba wprowadzać żadnych dodatkowych zmian. Co najlepsze, stosując tylko małe wersje obrazu, progresywny lazy loading powoduje bardzo niewielkie obciążenie.

Progresywny kompromis lazy loading między pokazywaniem multimediów a opóźnieniem ich pobierania przez dodanie wizualnych wskazówek, przy jednoczesnym przyspieszeniu nawigacji na blogu Joomla. Udostępnianie świetnych treści nie powinno być żadnych ograniczeń, a teraz, dzięki progresywnemu lazy loading, nie ma żadnych ograniczeń, aby udostępnić je.

 

Smart Lazy Loading na podstawie wysokości ekranu

Lazy loading dotyczy przewijania i wysokości ekranu. SpeedCache lazy loading jest bardzo inteligentny, ponieważ stosuje się tylko do bieżącej wysokości ekranu (w oparciu o rzutnię) i wstępnie ładuje następną. Więc jeśli masz szybkie połączenie lub przewijasz powoli, nawet nie zauważysz, że lazy loading jest aktywowany na twojej stronie Joomla.

Ponadto ta wysokość ekranu lazy loading dotyczy tylko aktualna wysokość ekranu nawet jeśli znajduje się 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ół.

 

viewport-lazy-loading

 

Joomla SEO i Lazy Loading

lazy loading zastosowany w Speed Cache nie wpływa na SEO, w rzeczywistości wyszukiwarki, które indeksują twoje treści, takie jak bot Google, dostrzegą tylko zalety

  • Czas ładowania strony jest o wiele lepszy
  • Wszystkie treści obrazu, takie jak tekst alternatywny, tytuł obrazu, opis obrazu są ładowane
  • Podpisy obrazów są nadal ładowane przy renderowaniu pierwszej strony

 

alternatywne-leniwe ładowanie

 

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

5
Łączenie WordPress z chmurą za pomocą WP Media Fo ...
Przetłumacz Advanced Gutenberg na kilka języków ...
 

Komentarze

Brak komentarzy. Bądź pierwszym, który prześle komentarz
Już zarejestrowany? Zaloguj się tutaj
Gość
Poniedziałek, 23 września 2019 r
Jeśli chcesz się zarejestrować, wypełnij pola nazwy użytkownika, hasła i nazwy.

Captcha Image