Page Preload für Magento 2

Page Preload Extension for Magento 2
Hyvä Compatible Themes Out-of-the-box
Mage-OS Compatible
Composer Installation Composer Installation?

Page Preload:
Instant Page Loads Für Magento 2

Mit unserer Page Preload-Extension erhalten Sie schnellere oder sogar "Null-TTFB"-Page Loads. Verbessern Sie die User Experience in Ihrem Magento Shop und erhöhen Sie Ihre Konversionsrate.

Core Web Vitals (CWV) Field Data
Optimierung Für Ihren Magento Shop:

  • Schnellere Ladezeiten
  • Reduzierte oder gar eliminierte TTFB-Zeiten
  • Konfigurierbare Preload Intensität
  • Konfigurierbarer Preload Scope
  • Sehr kleine Drop-In Lösung

Alle Highlights Anschauen

Lizenz:


Magento Marketplace Approved by
  • Einmalige Zahlung - Kein Abo
  • Lebenslanger Zugriff auf Quellcode
  • 1 Jahr kostenfreier Support
  • 1 Jahr kostenfreie Updates
awesomeicons6/brands/magento

Geprüft und verifiziert von Magento Marketplace

awesomeicons6/solid/award

1st Extension Provider
     Mit Hyvä Support
     Awesome seit 2021!

awesomeicons6/solid/code-fork

Unverschlüsselt. 100% Open Source & anpassbar

awesomeicons6/solid/code

Coding Standards. Sauberer & lesbarer Code

awesomeicons6/regular/face-smile-beam

Unzählige zufriedene Kunden: Seien Sie der Nächste!

awesomeicons6/regular/heart

Made With Love

Unsere Extensions sind gebaut mit Liebe und Leidenschaft für neue Dinge, Perfektion und Performance.

awesomeicons6/solid/handshake

Praxis Erprobt

Unsere Extensions sind in unseren eigenen Kundenprojekten praxiserprobt.

Kunden Feedback

Lösung

Verbessern Sie Ihre Konversionsrate, indem Ihre Magento 2 Seiten sofort laden.

Page Preload/Prefetch für schnellere oder sogar null TTFB und
Web Vitals Optimierung in Ihrem Magento 2 Shop!

DAS PROBLEM
PAGE SPEED,
TTFB & CWV
OPTIMIERUNG

Page Speed Optimierung für schnellstmögliche Ladezeiten - Eine Herausforderung für jede Website und jeden Magento 2 Shop Betreiber, die mit den neuen Ranking relevanten Core Web Vitals (CWV) KPIs noch wichtiger geworden ist.


Die Basis für gute Performance und CWV ist eine schnelle TTFB.
TTFB (Time-to-first-byte) wird berechnet als

  1. Anfrage an Server +
  2. Serverzeit +
  3. Antwort an den Kunden

Punkt 2 kann z. B. durch Codeoptimierungen und Full Page Caching optimiert werden.
Aber Nr. 1 und Nr. 3, einfach gesagt, die Zeit, die zum Anfordern und Herunterladen einer Seite benötigt wird, hängt hauptsächlich oder stark vom Netzwerk und der Bandbreite Ihres Kunden ab.
Da wir auf die Netzwerklatenz und die langsame Bandbreite der Kunden im Allgemeinen keinen Einfluss haben, gibt es keine einfache Möglichkeit, dies zu optimieren.


Aber warten Sie, schauen Sie sich unsere Lösung an und sehen Sie Wie wir Ihnen helfen können, diese wenigen hundert Millisekunden in Angriff zu nehmen und Ihren Kunden eine superschnelle und reaktionsschnelle User Experience ohne TTFB zu bieten ...

DIE LÖSUNG
PAGE PRELOAD FÜR
ZERO TTFB &
INSTANT PAGE LOAD

Selbst nach der Optimierung Ihrer TTFB dauert es wahrscheinlich noch einige hundert Millisekunden, bis Ihre Kunden eine Seite aus Ihrem Magento 2-Shop anfordern und herunterladen.
Wäre es nicht großartig, einen Teil dieser TTFB Zeit wegzubekommen oder diese ganz zu beseitigen? Ihren Kunden ein superschnelles und reaktionsschnelles Einkaufserlebnis mit buchstäblich sofortigem Laden von Seiten zu bieten, wenn Sie zu nachfolgenden Seiten navigieren?
Mit der JaJuMa Page Preload extension. Extension können Sie das erreichen. Während Ihr Kunde eine Seite auf Ihrer Website liest, werden Links auf dieser Seite per Preload/Prefetch im Hintergrund vorgeladen und vom Browser zwischengespeichert. Wenn der Kunde dann eine dieser vorgeladenen Seiten besucht, muss diese Seite nicht mehr heruntergeladen werden, sondern ist sofort verfügbar.


Mit unserer Extension können Sie die Intensität des Preloading flexibel konfigurieren und steuern, nur ausgelöst durch Kundeninteraktion (Hover oder klick auf einen Link) oder sobald Links für den Kunden sichtbar sind. Darüber hinaus haben Sie die Möglichkeit über die Blacklist / Whitelist zu konfigurieren, welche Links preloaded/prefetched werden und welche Links ausgeschlossen werden sollen.
Ihre Kunden werden diese Verbesserung Ihres Shops lieben und das schnellere und reaktionsschnellere Einkaufserlebnis genießen.
Aber wie Studien von Amazon und anderen gezeigt haben, lässt sich die Conversion Rate durch Reduktion der Latenz/Seitenladezeit um 100 Millisekunden, um 1% erhöhen, es existiert also eine direkte Korrelation zwischen den Ladezeiten der Seiten und dem Umsatz / der Conversion Rate.


Verpassen Sie nicht diesen Vorteil durch Optimierung Ihrer TTFB um ein paar hundert Millisekunden mit unserer Page Preload-Extension.
Insbesondere mit Blick auf die Core Web Vitals KPIs können diese paar hundert Millisekunden ein entscheidender und großer Schritt nach vorne sein.

Highlights

Page Preload by JaJuMa-Develop
Die Instant Page Load "zero-TTFB" Extension für Magento 2

Reduzieren oder eliminieren Sie TTFB-Zeiten und
optimieren Sie Ihre Core Web Vitals Field Data Werte
mit konfigurierbarer Preload/Prefetch-Intensität, -Scope und Cache-Lebensdauer!

awesomeicons6/solid/spinner

Automatisches
Pre-Loading von Seiten

im Hintergrund

awesomeicons6/solid/minimize

Reduzieren oder
eliminieren Sie TTFB

(Time-to-First-Byte)

awesomeicons6/solid/rocket

Schnellere
Ladezeiten

Für bessere UX & Conversion Rates

🚀

Core Web Vitals
Field Data Optimierung

Für LCP & FCP

awesomeicons6/solid/bolt

Konfigurierbare
Preload Intensität

Verschiedene Trigger verfügbar

awesomeicons6/solid/rectangle-list

Konfigurierbarer
Preload Scope

Ausschließen / Einschließen von Links

awesomeicons6/regular/clock

Konfigurierbarer
Cache Time-To-Live

Für Preloadete Inhalte

awesomeicons6/solid/compress

Sehr kleine/schlanke
Drop-In Lösung

Download nur < 2KB

awesomeicons6/regular/face-smile

Nutzung von
passiven Event Listeners

& requestIdleCallback

awesomeicons6/regular/face-smile

Aktiv erst nach
User Interaction

Preloads nur bei inaktivem Browser

awesomeicons6/brands/hyva-colored
Hyvä Theme Compatible
Zur Hyvä Demo
awesomeicons6/brands/mage-os-filled
Mage-OS Compatible
Zur Mage-OS Demo

Details

Page Preload Extension für Magento 2 by JaJuMa im Detail.
Schnelleres Laden nachfolgender Seiten für Magento 2.

Verbessern Sie Ihre Core Web Vitals und
damit auch User Experience und erhöhen Sie die
Conversion Rate
in Ihrem Magento Shop!

JaJuMa Page Preload Extension

Aktionen, die weniger als 100 ms dauern, werden vom menschlichen Gehirn als "sofort" wahrgenommen.

Wie wäre es also mit einer Reduzierung der TTFB für Ihr Magento 2 auf unter 100 ms oder sogar auf 0 ms?


Mit JaJuMa Page Preload können Sie genau das nun erreichen und Ihren Shop für Ihre Kunden "sofort" verfügbar machen, unabhängig von der Geschwindigkeit und Antwortzeit Ihres Servers, der Entfernung zwischen Ihrem Server und dem Kunden und sogar über 3G.

Die Idee, Seiten per Preload/Prefetch vorzuladen, ist eigentlich nichts Neues. Früher, als das Internet noch langsam war, gab es erste Versuche, das Surfen im Internet durch Vorladen zu beschleunigen.


Heute ist die Seitengeschwindigkeit ein SEO-Ranking-Faktor und immer noch eine Herausforderung für jeden Magento 2 Shop. Mit den neuen Core Web Vitals legt Google nun nochmal mehr Wert auf die Performance und Usability. Jeder versucht, die letzten Millisekunden von den Ladezeiten der Seite herauszuholen, um die User Experience zu verbessern und letztendlich die Conversion-Rate zu erhöhen.
Diese alte Idee ist also zurück und mit JaJuMa Page Preload jetzt auch für Magento 2 verfügbar.


Sind Sie bereit, mehr darüber zu erfahren wie dies funktioniert und wie Sie das Einkaufserlebnis Ihrer Kunden durch schnellere nachfolgende Seitenladevorgänge verbessern?

Warum sollte ich Page Preloading nutzen?

awesomeicons6/regular/lightbulb
Page Preload / Prefetch als Core Web Vitals Optimization:
Per Page Preload reduzierte TTFB-Zeiten wirken sich direkt auf Ihre Core Web Vitals (CWV) KPIs aus. Sichtbar wird der Gewinn zwar nicht in den Lab Daten z. B. bei Google Page Speed
Die von Ihren Usern reporteten und letztlich Ranking-relevanten Field Data Core Web Vitals werden jedoch direkt positiv beeinflusst.

Sie haben noch nie von "Page Preload" oder "Page Prefetch" gehört? Kein Wunder, die meisten Leitfäden zur Optimierung der Seitengeschwindigkeit erwähnen dies nicht und es in der Magento-Welt und -Community noch eher unbekannt. Warum sollten Sie es in Ihrem Magento-Shop verwenden?
Short answer: Weil es eine großartige Möglichkeit ist, Ihre Website zu beschleunigen.


Es handelt sich um eine sehr kleine, leichte und Drop-In-Lösung, die keine Auswirkungen darauf hat Wie Ihr Shop funktioniert, die Ihre anderen Leistungsoptimierungen nicht beeinträchtigt und keine Konflikte mit Ihren Konflikte mit Ihren Customizing hat sowie flexibel an Ihre individuelle Situation angepasst werden kann - es ist eine "no-brainer" Option Ihren Magento 2-Shop zu beschleunigen!


Wir verwenden das Preloading auf unserer Website seit Jahren ohne Probleme, aber mit großartigen Ergebnissen. Auch Google unterstützt die Idee und das Konzept des Preload/Prefetch von Seiten mit einer eigenen Lösung namens "Quicklink". Diese ist ähnlich, aber im Vergleich zu JaJuMa Page Preload (die auf "Instant.Page" basiert, angepasst und erweitert speziell für Magento 2) weniger flexibel und weniger für E-Commerce-Websites geeignet.

Wie es funktioniert - Page Preload Flow

Page Preload Flow für Magento 2

Testen Sie es! Um zu sehen wie es funktioniert...

Testen Sie Ihre Klickgeschwindigkeit

Un-hover before clicking again.


Klicken Sie auf den "Testen Sie Ihre Klickgeschwindigkeit" Button, um zu sehen, wie lange es dauert, von wenn Sie den Button hovern (oder berühren), bis Sie auf den Button klicken.
"Hover" ist einer der Auslöser, die JaJuMa Page Preload unterstützt um das Preloading zu initiieren. Die angezeigte Zeit ist die Zeit, die eingespart werden kann.
Oder surfen Sie einfach auf dieser Website. Jeder Link auf dieser Website wird vorgeladen, sobald er sich im sichtbaren Bereich "Viewport" befindet.
Das Auslösen des Preloading über den Viewport wird ebenfalls von der JaJuMa Page Preload-Extension unterstützt.

Erleben Sie es! Page Preload In Aktion...

Möchten Sie alle verfügbaren Auslöser für das Preloading, die mit unserer Extension verfügbar sind um die Intensität des Vorladens zu steuern, testen oder kennenlernen?
Besuchen Sie unsere Extension Demo oder Lesen Sie die Details unten...

Konfigurieren der Preload/Prefetch Intensität

Intensiveres Preloading bedeutet eine höhere Wahrscheinlichkeit, dass eine Seite vor dem Besuch der Seite durch Ihren Kunden vorgeladen wird, aber auch eine zusätzliche Belastung Ihres Servers.
Um zu vermeiden, dass Ihr Server durch Preloading Requests überlastet wird, bietet unsere Extension flexible Optionen zur Feinjustierung der Preload Intensität basierend auf verschiedenen Preload Triggern.

Folgende Optionen sind verfügbar:

  1. On Hover + 65ms (Default):
    Links werden preloaded, 65 ms nach hovern eines Links und wenn ein Mobile User das Display berührt.
  2. On Hover + Custom Delay:
    Links werden preloaded mit individueller Verzögerung wie konfiguriert nach hovern eines Links und wenn ein Mobile User das Display berührt.
    Ein niedrigerer Wert bedeutet mehr Preload Requests, ein höherer Wert reduziert die Preload Requests.
  3. On Mousedown (Desktop Only):
    Links werden preloaded wenn der User die Maustaste drückt, direkt bevor es diese wieder loslässt.
    Links werden nur auf Desktop preloaded, nicht auf Mobilgeräten.
  4. On Mousedown:
    Links werden preloaded wenn der User die Maustaste drückt, direkt bevor es diese wieder loslässt.
  5. When Visible (Mobile only):
    Links werden preloaded sobald diese auf Mobilgeräten sichtbar sind. Auf Desktop wird Default genutzt.
  6. When Visible:
    Links werden preloaded sobald diese sichtbar sind. Sowohl auf Desktop als auch auf Mobilgeräten.
Die richtige Preload/Prefetch Strategie wählen:
Die “Vorsichtige”
Preload Strategie

Um eine zusätzliche Belastung Ihres Servers zu vermeiden, sind die Optionen “On Mousedown” die richtige Wahl, entweder mit Preloading nur auf dem Desktop oder sowohl auf dem Desktop als auch auf dem Handy.

Dadurch werden keine nicht unnötigen Requests generiert, während Seitenladevorgänge im Durchschnitt um ca. 80 ms verbessert werden.

Die “Ausgewogene”
Preload Strategie

Um ein ausgewogenes Ergebnis zwischen zusätzlichen Requests und verbesserten Seitengeschwindigkeitszeiten zu erzielen, wählen Sie die Optionen “On Hover” entweder mit einer Standardverzögerung von 65 ms oder mit einer benutzerdefinierten Verzögerung auf Ihre Anforderungen abgestimmt.

Dies kann einige unnötigen Requests generieren, wenn ein Benutzer den Mauszeiger über einen Link bewegt, aber niemals darauf klickt, um diese Seite zu besuchen. Es bietet jedoch verbesserte Ladezeiten für Seiten um bis zu einige hundert Millisekunden. Überprüfen Sie Ihre Klickgeschwindigkeit mit dem Test Tool oben, um zu sehen, um wie viel die Seitenladezeit für Sie reduziert wird.

Hinweis:
Es wird empfohlen diese Option nur bei aktiviertem Varnish / FPC (Full Page Cache) zu verwenden und den Scope für das Preloading über Whitelist / Blacklist einzugrenzen, um nur Seiten vorzuladen, die eine gute Chance haben, vom Kunden besucht zu werden.

Die “All-In”
Preload Strategie

Um das beste Ergebnis in Bezug auf die Verbesserung der Seitengeschwindigkeit zu erzielen, wählen Sie die Optionen “When Visible” entweder nur auf Mobilgeräten (mit weniger Links im sichtbaren Bereich aufgrund kleinerem Displays) und mit Fallback auf Desktop auf die Standardeinstellung (= Bei Hover mit Standardverzögerung von 65 ms) oder auf Desktop und Mobile.
Bitte beachten Sie, da Online-Shops normalerweise viele Links auf einer Seite haben. Kann dies viele (!) unnötige Requests verursachen, die im schlimmsten Fall Ihren Server überlasten können. Wenn ein Kunde bei dieser Preload Strategie auf einen vorgeladenen Link klickt, erfolgt das Laden der Seite buchstäblich „sofort“ mit null TTFB (Time To First Byte).

Hinweis:
Es wird dringend empfohlen diese Option nur bei aktiviertem Varnish / FPC (Full Page Cache) zu verwenden und den Scope für das Preloading über Whitelist / Blacklist einzugrenzen, um nur Seiten vorzuladen, die eine gute Chance haben, vom Kunden besucht zu werden.

Konfiguration des Preload Scope & Preload Cache Control (TTL)

JaJuMa Page Preload ermöglicht nicht nur die Steuerung der Intensität des Preloads, sondern auch die Definition des Scope für den das Preloading angewendet wird.
Über die Blacklist oder Whitelist kann definiert werden, welche Links vorgeladen werden sollen oder welche Links vom Preload ausgeschlossen werden sollen.


Dies ist nützlich für z. B. folgende Fälle:

  • Reduzieren Sie die Preload-Requests, indem Sie unnötige Preloads vermeiden
    (z. B. bei Layered-Navigation mit vielen Links, von denen die meisten wahrscheinlich nicht von einem Kunden besucht werden)
  • Laden Sie nur wichtige Seiten vor
    (beispielsweise nur Kategorieseiten und / oder Produktseiten)
  • Schließen Sie Seiten vom Preload aus, die niemals gecached werden sollten.
    (z. B. Warenkorb, Kasse, Kundenkonto)
  • Schließen Sie Links vom Preload aus, die eine Aktion auslösen
    (zum Beispiel Kunden Logout Link :-))

Zusätzlich können Sie die Cache-TTL (Time-To-Live) für vorgeladene Inhalte konfigurieren. Entsprechend der konfigurierten Zeit hält der Browser alle vorgeladenen Inhalte im Cache, wenn der Kunde diese vorgeladenen Inhalte besucht, müssen diese Inhalte nicht mehr von Ihrem Server geladen werden.

Kunde Bewertungen

Rating
Great optimization!
Bewertung von
I'm so happy I bought this extension. The speed is noticeable. Thank you!!!

Schreiben Sie Ihre Bewertung

Ihre Bewertung:
Laden...

Sie haben Ihre Bewertung für die Moderation übermittelt.

Frequently Asked Questions

General Magento Extension Questions
How to install Magento 2 extensions from JaJuMa?

We offer different ways of Magento 2 extension installation:

Before Installing

  • We recommend you to duplicate your live store on a staging/test site and try installation on your staging/test site before deploying to your live store
  • Backup Magento files and the store database


Please Note:
It’s very important to backup all themes and extensions in Magento before installation, especially when you are working on a live server. We strongly recommend you to do not skip this step.

Manual Extension Installation via FTP/SSH:

After purchasing an extension, you can download the module as .zip package in your Customer Account.
After downloading the .zip package, please follow these steps for installation:

  1. Log into your hosting space via a FTP client (e. g. FileZilla, WinSCP, cuteFtp)
  2. Create Folder: /app/code/Jajuma/[ExtensionName]*
  3. Unzip extension package and upload files into: /app/code/Jajuma/[ExtensionName]*
  4. Enter and run the following commands at the command line:
    php bin/magento setup:upgrade
    php bin/magento setup:static-content:deploy

* Note: [ExtensionName] can be found in registration.php file: Jajuma_[ExtensionName]

 

Extension Installation via Composer / Magento Marketplace:

For installation via composer, please get the extension

  • from Github and install as any other extension from Github or
  • from Magento Marketplace and follow this Installation Guide and
    make sure to use the correct key for Marketplace repo (the key that belongs to the account that purchased the module).
    In case of issue with installing via composer, please double-check to use the correct key for Marketplace repo.
    Your key should be in your auth.json file.


Links for composer installation to Github/Marketplace can be found on top of this page in technical info section - Click Here

Error Could not find a matching version of package jajuma/[module-name]. Check the package spelling, your version constraint and that the package

With this error message, most likely the key used for the Marketplace repo is wrong/invalid, i. e. not the key that belongs to the account that purchased the module. Please double-check to use the correct key for the Marketplace repo.

For installing extensions from Magento Marketplace, please follow this guide and make sure to use the correct key for the Marketplace repo:
Installation Guide

Please feel free to get in touch with our support in case you have any further questions or concerns or check with Marketplace support in case the installation issue can not be resolved.

Do you offer free technical support?

After purchasing a (non-free) extension we provide 12 month support via support ticket for free.

Do you offer customization service for your extensions?

Yes, please get in touch with our customer support so we can clarify your requirement and provide a quote.

Where can I download my extension?

You can download your extension from your customer account as soon as the payment has been processed.

Do you offer a free trial period?

Unfortunately, we can not offer a free trial period.

However, we do have demo site for all our extensions. Feel free to test all the features and see how the extensions work.

In case of any questions or concerns regarding compatibility or how some extension works our customer support is also always happy to help.

Do you offer refunds?

All our extensions are non-tangible downloadable goods. Hence we can unfortunately not issue refunds.

Refunds will NEVER be issued for services provided such as installation support, customization and software development work.

Changelog

Version: 1.0.0

  • Initial Release

Version: 1.0.1

  • Refactor and fix coding standards warnings

Version: 1.0.2

  • Updated: Module description

Version: 1.0.3

  • Improvement: Only preload after user interaction

Version: 1.0.4

  • Improvement: Improved Varnish Compatibility

Version: 1.0.5

  • Updated: M2.4.6 Compatibility

Version: 1.0.6

  • Fixed: Bug when header return empty
  • Added: Debug popup
  • Improved: Minor Optimizations

Mehr Extensions

Vielleicht auch interessant für Sie?
Weitere wertvolle Extensions und Add-Ons für Ihren Magento-Shop

Unsere Kunden sind begeistert!

Wie gefällt Ihnen die Extension?