Progressive Lazy Loading für Joomla

Erstellen großartiger Inhalte auf Joomla! ist eine Sache, es zugänglich zu machen ist eine andere. Lazy loading ist eine Lösung, die beides kombiniert, ohne Ihren Workflow zu verändern. Beim progressiven lazy loading werden Bilder nur bei Bedarf geladen. Wenn der Leser niemals ein Bild auf der Webseite erreicht, wird es nie heruntergeladen. Jetzt ist auch lazy loading auf Joomla!

Die Vorteile des lazy loading sind vielfältig. Seiten werden schneller geladen, was bedeutet, dass die Benutzererfahrung besser ist, die SEO-Ergebnisse steigen und Ihre Joomla-Inhalte für Benutzer auf Low-End-Geräten oder bei langsamem Internetzugang besser zugänglich sind. Vor einigen Wochen haben wir eine Verbesserung des Grundrezepts für das lazy loading in WordPress vorgestellt . Heute präsentieren wir es für Joomla! auch, aber vorher ein Blick darauf, wie Sie progressives lazy loading auf Joomla!

Lazy Loading auf Joomla aktivieren!

Lazy loading auf Joomla! ist Teil der Speed Cache Erweiterung. Das Aktivieren von lazy loading ist so einfach wie das Betätigen eines Schalters. Speed Cache von Joomla! enthält jedoch lazy loading optimal zu nutzen .

So konfigurieren Sie das lazy loading auf Ihrem Joomla! Blog, gehen Sie zu Ihrem Speed Cache Dashboard. Klicken Sie dort auf die Konfigurationsschaltfläche , um zur brandneuen Seite mit den Speed Cache Einstellungen zu gelangen.

Die Einstellungen für das lazy loading befinden sich auf der Registerkarte Parameter . Navigieren Sie dorthin oder verwenden Sie die brandneue Suchfunktion, um nach den Einstellungen für das lazy loading zu suchen . Um das lazy loading zu aktivieren , aktivieren Sie einfach die Option zum lazy loading . Sobald Sie dies tun, zeigt Speed Cache neue Optionen an, um das lazy loading an Ihre Website anzupassen .

Bilder von Joomla ausschließen!

Mit den ersten beiden Feldern können Sie bestimmte Bilder vom lazy loading wenn sie sehr klein sind, z. B. Symbole oder kleine Logos. Dies ist nützlich, um das lazy loading nur für Bilder zu aktivieren, die sich tatsächlich auf die Ladezeit Ihres Joomla! Blog. Stellen Sie aus diesem Grund sicher, dass Sie nur sehr kleine Bilder ausschließen, um ein lazy loading unwirksam zu machen.

In einigen Fällen möchten Sie jedoch möglicherweise ganze Sätze von Joomla! Beiträge oder Seiten aus dem lazy loading . Die Gründe, warum Sie dies tun würden, sind sehr unterschiedlich und vernünftig - möglicherweise sind die darin enthaltenen Medien ein wesentlicher Bestandteil des Inhalts. Die folgenden zwei Felder werden zu diesem Zweck verwendet.

Mit dem ersten Feld können Sie das lazy loading nur für bestimmte Seiten aktivieren, und mit dem zweiten Feld können Sie das lazy loading nur für eine Auswahl des Inhalts deaktivieren. In beiden Fällen sind auch Platzhalter zulässig. Verwenden Sie das Sternsymbol, um das lazy loading auf Sätze von Joomla! Beiträge oder Seiten. Speichern Sie die Änderungen, um das lazy loading zu ermöglichen: Das lazy loading wird auf Ihrem Joomla! Blog automatisch.

Wie progressives Lazy Loading auf Joomla funktioniert!

Lazy loading liefert Inhalte, sobald sie benötigt werden. Normalerweise bestehen Seiten aus einer Kombination von Text und Bildern. Das Herunterladen von Medien dauert länger als das Herunterladen von Text, insbesondere auf Mobiltelefonen der unteren Preisklasse oder bei langsamem Internetzugang. Während dein Joomla! Blog kann Handys oder Internetzugang nicht auf magische Weise beschleunigen, es kann das nächstbeste tun: die Benutzererfahrung verbessern.

In der Tat bedeutet lazy loading , dass der Browser zunächst den Text lädt, der normalerweise ein wesentlicher Bestandteil Ihres Joomla! Blog. Text ist auch viel kleiner, sodass er schneller geladen wird und Ihre Leser mitlesen können. Wenn sie nach unten scrollen und ein Bild angezeigt wird, wird das Bild beim lazy loading heruntergeladen und angezeigt.

In der Realität kann es noch einige Zeit dauern, bis ein Bild geladen ist. Durch das lazy loading von Bildern wird automatisch eine kleine Version von Bildern erstellt - 20 Pixel breit, mit 4 Farben und nur wenigen KB Größe -, die auf die Originalgröße vergrößert und dann verwischt werden. Der Effekt ist eine unscharfe Version des Bilds in voller Größe, die anzeigt, dass das Bild noch heruntergeladen wird. Wenn lazy loading beendet das Bild herunterzuladen, Joomla! Ersetzt das unscharfe Bild durch das vollständige Bild.

Das progressive lazy loading wird beim lazy loading automatisch aktiviert, sodass Sie keine zusätzlichen Änderungen vornehmen müssen. Das Beste ist, wenn Sie nur kleine Versionen des Bildes verwenden, lazy loading fortschreitende lazy loading Ihren Joomla! Lagerraum.

Lazy Loading in Joomla! Galerien

Lazy loading unterscheidet nicht. Das lazy loading Speed Cache funktioniert für jedes Bild, einschließlich Galerien, wie z. B. Droppics-Galerien. Ähnlich wie bei normalen Bildern sprengt Speed Cache eine kleine Version der Bilder in der Galerie und verwischt sie. Wenn Benutzer nach unten scrollen, werden beim lazy loading die Bilder in voller Größe heruntergeladen.

Das Beste daran ist, dass das lazy loading von Speed Cache Ihren Workflow nicht beeinträchtigt. Stattdessen wird Ihr Prozess lazy loading geladen: lazy loading Sie einfach ein Bild oder eine Galerie an einer beliebigen Stelle in Ihrem Joomla! Blog und Speed Cache laden die Bilder automatisch träge mit AJAX nacheinander, nachdem der Hauptinhalt - hauptsächlich der Text und kleine Bilder, die von Ihren Einstellungen ausgeschlossen wurden - geladen wurde.

Smart Lazy Loading basierend auf der Bildschirmhöhe

Lazy loading sich alles um das Scrollen und die Bildschirmhöhe. Das lazy loading Speed Cache ist sehr intelligent, da es nur auf die aktuelle Bildschirmhöhe (basierend auf dem Ansichtsfenster) angewendet wird und das nächste vorlädt. Wenn Sie also eine schnelle Verbindung haben oder langsam scrollen, werden Sie nicht einmal bemerken, dass das lazy loading auf Ihrer Joomla-Website aktiviert ist.

Darüber hinaus gilt dieses lazy loading basierend auf der Bildschirmhöhe nur für die aktuelle Bildschirmhöhe, selbst wenn es sich in der Mitte der Seite befindet, beispielsweise bei einem Link zu einem Anker. Das lazy loading wird dann angewendet, sobald Sie nach oben oder unten scrollen.

Joomla SEO und Lazy Loading

Das in Speed Cache verwendete lazy loading hat keinen Einfluss auf die Suchmaschinenoptimierung. Suchmaschinen, die Ihre Inhalte crawlen, wie z. B. der Google-Bot, sehen nur Vorteile:

• Die Ladezeiten der Seite sind viel besser.
• Der gesamte Bildinhalt, einschließlich alternativem Text, Bildtitel und Beschreibung, wird sofort ohne lazy loading geladen. und
• Bildunterschriften werden auch beim ersten Rendern der Seite geladen.

Das fortschreitende lazy loading ist ein Kompromiss zwischen dem Anzeigen von Medien und dem verzögerten Herunterladen durch Hinzufügen visueller Hinweise. Gleichzeitig macht das lazy loading das Navigieren in Ihrem Joomla! Blog eine schnellere und angenehmere Erfahrung. Es sollte keine Grenzen geben, großartige Inhalte zu teilen, und jetzt, mit fortschreitendem lazy loading auf Joomla! Es gibt auch keine Grenzen, um es zugänglich zu machen.

Natürlich können wir auch bedenken, dass Speed Cache auch viele andere tolle Tools bietet, wie zum Beispiel ein wirklich nettes Cache-Modul , mit dem wir unsere Websites beschleunigen und auf die nächste Stufe bringen können!

Überprüfen Sie den Speed Cache für Joomla:  https://www.joomunited.com/products/speed-cache