Gambio-Ladezeitoptimierung 1.2: Noch mehr Caching, Lazy Loading & WebP

Mit 3 neuen Features steigert Version 1.2 des Gambio-Moduls zur Ladezeitoptimierung die Performance Ihres Gambio-Shops (3.5 – 4.9) in nie gekannte Dimensionen: Ultraschnelle Seiten nun auch fĂŒr eingeloggte Kunden, erweiterte Optionen zum Lazy Loading und WebP-Bilder.

Warum die Verzögerung?

Ja, Version 1.2 war eigentlich schon zur Veröffentlichung im Januar vorgesehen. TatsĂ€chlich war sie auch fertig. Nur musste ich dann zum Start der Beta-Phase feststellen, dass entgegen meiner Annahme auf keinem der ausgewĂ€hlten Server eine Möglichkeit zur Generierung der WebP-Bilder zur VerfĂŒgung stand.

Was nutzt dem Shopbetreiber ein tolles Feature, wenn er es nicht nutzen kann? Also habe ich noch eine API entwickelt. Lizenzinhaber bekommen nun einen 12 Monate ab Erwerb des Moduls gĂŒltigen API-Key. Wenn Sie bereits die Vollversion nutzen, bekommen Sie den SchlĂŒssel natĂŒrlich rĂŒckwirkend.

Die Programmierung der API hat den Aufwand fĂŒr die Entwicklung von Version 1.2 mal eben mehr als verdoppelt. Zur Veranschaulichung: Es gibt Anbieter, deren GeschĂ€ftsmodell auf der kostenpflichtigen Bereitstellung einer solchen Schnittstelle fĂŒr die Generierung bzw. Auslieferung von WebP-Bildern ist. Bei der Gambio-Ladezeitoptimierung bekommen Sie diesen Service mal eben so nebenbei – ohne Limits und zusĂ€tzliche Kosten.

Caching fĂŒr angemeldete Kunden

Bisher war es so, dass das Modul nur Seiten aus dem Cache geliefert hat, wenn keine dynamischen (im Sinne von spezifisch fĂŒr den Besucher bestimmten) Inhalte nötig waren. Kurzum: Sobald sich ein Besucher angemeldet oder einen Artikel in den Warenkorb gelegt hatte, war Schluss mit dem Highspeed-Einkaufserlebnis.

Eine neue Option sorgt fĂŒr die Auslieferung statischer Seiten auch fĂŒr angemeldete Kunden bzw. Besucher mit Artikeln im Warenkorb. Mit binnen Sekundenbruchteilen ausgelieferten Dokumenten macht das Surfen im Shop auch eingeloggt Spaß und animiert zur Erhöhung des Warenkorbs. Weitere Informationen und ein kurzes Video zur Funktionsweise finden Sie unter Gambio Ladezeit: Ultraschnelle Seiten fĂŒr Ihre Kunden.

Neue Optionen zum Lazy Loading

Lazy Loading gab es bereits seit Version 1.0 des Gambio-Moduls zur Ladezeitoptimierung. Jedoch war es bisher auf die Produkt-Vorschaubilder beschrÀnkt. Beim Nachladen von Bildern kann man geteilter Meinung sein, wenn es um Bilder geht, die mit hoher Wahrscheinlichkeit noch zu laden sein werden. Wenn der Nutzer eine Kategorie aufruft, wird er vermutlich die Artikel begutachten und dabei nach unten scrollen.

Unstrittig eine Ă€ußerst vorteilhafte Technik ist Lazy Loading hingegen bei Bildern, die mit hoher Wahrscheinlichkeit ĂŒberhaupt nicht in den sichtbaren Bereich gelangen. Dies ist bei Bildern in Aufklapp-MenĂŒs oder beispielsweise Logos von Zahlungsanbietern oder Siegeln ganz unten auf der Seite der Fall. Version 1.2 bietet Ihnen daher erweiterte Optionen zum Lazy Loading im Gambio-Shop, deren erheblichen Performance-Vorteilen praktisch keine Nachteile gegenĂŒberstehen.

WebP-Bilder

Germany 65.51% + 0.34% = 65.85%, Global 78.37% + 0.48% = 78.85%
Nun ist es aber wirklich höchste Zeit! WebP gilt seit vielen Jahren als das kommende Bildformat im Web. Der von Google entwickelte schlanke Alleskönner hat einen UnterstĂŒtzungsgrad von 66% in Deutschland. Plump gesagt: Der Rest nutzt Safari.

Aber auch bei Apple ist man dabei, die UnterstĂŒtzung fĂŒr das WebP-Format im hauseigenen Webbrowser zu implementieren. Es ist also absehbar, dass demnĂ€chst weit ĂŒber 90% der Internetnutzer in den Genuss schnell geladener WebP-Bilder kommen.

Dank eines einfachen, im Modul implementierten Fallbacks sollten Sie unbedingt jetzt schon auf WebP-Bilder im Gambio-Shop setzen. Google und Ihre Kunden werden es danken.

Download & Installation

Wie immer steht Ihnen als Lizenzinhaber die aktuelle Version sowohl im Loginbereich, als auch auf der Download-Seite zum Gambio-Ladezeitoptimierungsmodul (seit 2020: Modulverwaltung) zum Herunterladen bereit. Auch der mit der ZahlungseingangsbestĂ€tigung zugestellte Download-Link ist weiterhin gĂŒltig. Alles vorgenannte gilt unter der Bedingung, dass Sie das Modul innerhalb der letzten 12 Monate erworben haben oder den Update-Service entsprechend verlĂ€ngert.

Auch die Installation geht wieder in wenigen, einfachen Schritten vonstatten:

  1. Zip-Paket herunterladen und entpacken
  2. Verzeichnis Werbe-Markt nach GXModules/Werbe-Markt laden, bereits vorhandene Dateien dabei ĂŒberschrieben.
  3. Cache fĂŒr Modulinformationen und fĂŒr die Seitenausgabe im Gambio-Backend unter Toolbox > Cache leeren
  4. MenĂŒpunkt Ladezeitoptimierung aufrufen, damit das Modul die Datenbank auf den aktuellen Stand bringt.

Vorgenannte Informationen gelten auch fĂŒr die ebenfalls auf den neuesten Stand gebrachten kostenlosen Testversionen zum Gambio-Ladezeitoptimierungsmodul.

Gestrichene & offene To-dos

Leider gestrichen ist die erweiterte KompatibilitĂ€t mit – nennen wir es salopp „suchmaschinenunfreundlichen“ Einstellungen zu den URLs. Gemeint sind Artikelseiten wie meinshop.de/de/product_info.php?info=artikel-2.html So nutzen das die wenigsten und der Aufwand fĂŒr die Generierung von RewriteRules mit allen möglichen Kombinationen von Einstellungen wĂ€re zu hoch und das Ergebnis zu fehleranfĂ€llig.

Topaktuell hingegen sind diese Punkte:

  • Dynamisches Nachladen von Preisen und WĂ€hrung
    Das Modul kann aktuell nicht mit verschiedenen WĂ€hrungen umgehen. Nutzer bekommen z.B. in Kategorien stets die Preise in der HauptwĂ€hrung des Shops zu sehen, auch wenn sie die WĂ€hrung geĂ€ndert haben. Eine Lösung fĂŒr dieses Problem geht einher mit dem Wunsch, stets die aktuellen Preise in Seiten aus dem Cache anzuzeigen. Im konkreten Fall geht es um im 5-Minuten-Takt via CronJob aktualisierte Preise fĂŒr bestimmte Artikel.
  • WebP-Bilder in Sitemap aufnehmen
    Insbesondere fĂŒr die Google-Bildersuche macht es natĂŒrlich Sinn, Artikelbilder im WebP-Format statt der veralteten meist JPEGs in die von Gambio automatisch generierte Sitemap aufzunehmen. Dieses Feature ist fĂŒr Version 1.2.1 vorgesehen.
  • WebP-Bilder in Slider
    Obwohl vorhanden tauscht das Modul noch nicht die Slider-Bilder durch die moderneren Pendants aus. Gambio fĂŒllt den Slider mit Hilfe eines JSON-Objekts, in das das Modul noch nicht eingreift. Auch das soll sich mit Version 1.2.1 Ă€ndern, was insbesondere den PageSpeed-Score fĂŒr Shop-Homepages mit Slider noch einmal deutlich erhöht.
  • CronJob fĂŒr WebP-Bildergenerierung
    Bisher ist die WebP-Bildergenerierung nur hĂ€ndisch im Gambio-Backend möglich. Das Ganze muss natĂŒrlich noch automatisiert werden anhand der getroffenen Einstellungen.
  • WebP-Produktbilder skalieren
    Die Optimierungsoption Produktbilder skalieren ist noch nicht  mit den Convertern verknĂŒpft. Nur mit GD sind WebP-Bilder in der korrekten GrĂ¶ĂŸe möglich. Ansonsten sind die Vorschaubilder entweder im WebP-Format oder richtig skaliert.

Soweit zu den bekannten Problemen und angedachten Features. Mit verschiedensten Einstellungen und ggf. anderen Templates als Honeygrid wird sicherlich noch das ein oder andere auftreten. In dem Fall wĂ€re ich Ihnen selbstverstĂ€ndlich fĂŒr eine kurze RĂŒckmeldung sehr dankbar!

Davon abgesehen, dass ich schon mit der Beantwortung von Anfragen nicht hinterherkomme geschweige denn der Abarbeitung von AuftrĂ€gen, geht es in puncto Gambio-Module weiter mit 1-2 KompatibilitĂ€ts-Updates. Außerdem habe ich hier mehrere fertige Module, die zum kostenlosen Download entweder allgemein oder fĂŒr Lizenzinhaber kostenpflichtiger Gambio-Plugins vorgesehen sind. Mehr dazu in KĂŒrze…

»«

Eine Antwort auf „Gambio-Ladezeitoptimierung 1.2: Noch mehr Caching, Lazy Loading & WebP“

  1. Ein Meilenstein und muss fĂŒr jeden Gambio Shop

    Hallo Herr SpÀte,
    die Version 1.0. machte unseren Gambio Shop naturburg.com schon schneller. Aber die Version 1.2 mit der Integration des WebP Formates hat uns umgehauen. TOP! Weiter so! Ich kann nur jedem Gambio Shopbetreiber dieses Produkt nur wÀrmstens empfehlen!!! DANKE.

    →

Schreiben Sie einen Kommentar