Magento 2 und Google PageSpeed Insights.
Zweifellos ist die Reaktionsgeschwindigkeit einer Website ein entscheidender Faktor für deren Nutzererfahrung. Gerade für Online-Shops kann sie über Kundenbindung oder -verlust entscheiden. Reagiert die Seite langsam, verlässt der potenzielle Käufer, Kunde oder Besucher die Seite schnell und kehrt nicht zurück. Eine schnelle Reaktionszeit hingegen bietet zahlreiche Wettbewerbsvorteile. Magento 2 gilt als eine der schnellsten E-Commerce-Plattformen, und mit Google PageSpeed Insights lassen sich die einzelnen Elemente und Optimierungsmethoden für diese Geschwindigkeit überprüfen.
Was ist Google PageSpeed Insights?;
PageSpeed Insights (PSI) analysiert die Nutzererfahrung einer Seite auf Mobilgeräten und Desktop-Computern und gibt Verbesserungsvorschläge. PSI liefert sowohl Labor- als auch Felddaten. Labordaten sind hilfreich für die Fehlersuche, da sie in einer kontrollierten Umgebung erhoben werden. Sie erfassen jedoch möglicherweise nicht die Engpässe im realen Einsatz. Felddaten erfassen die tatsächliche Nutzererfahrung, bieten aber einen eingeschränkteren Metrikumfang.
Wie wird die Benutzerfreundlichkeit einer Seite mit PageSpeed Insights gemessen?;
Die Messungen von Google PageSpeed Insights erfolgen unter Laborbedingungen. Manchmal ist das Messergebnis hervorragend (90+), die tatsächliche Nutzererfahrung jedoch möglicherweise nicht. Natürlich ist dies eine Messgröße, die für jeden Seitenbetreiber von größter Bedeutung ist.
Die in PSI enthaltenen Daten zur realen Nutzererfahrung basieren auf dem Chrome User Experience Reporting (CrUX)-Datensatz. PSI erfasst die First Content Paint (FCP), die First Input Latency (FID), die Longest Content Paint (LCP) und die Cumulative Layout Shift (CLS)-Werte realer Nutzer im vorangegangenen 28-tägigen Erfassungszeitraum.
PSI erfasst außerdem Erfahrungen mit den experimentellen Metriken „Interaktion auf der nächsten Seite“ (INP) und „Zeit bis zum ersten Byte“ (TTFB). Um Nutzererfahrungsdaten für eine bestimmte Seite anzuzeigen, müssen genügend Daten im CrUX-Datensatz vorhanden sein. Dies kann der Fall sein, wenn eine Seite erst kürzlich veröffentlicht wurde oder nur wenige reale Nutzerbeispiele enthält. In diesem Fall greift PSI auf die ursprüngliche Granularität zurück, die alle Nutzererfahrungen auf allen Seiten der Website umfasst. Manchmal sind auch die Datenquellen unzureichend, sodass PSI keine realen Nutzererfahrungsdaten anzeigen kann.
OK
Reaktion auf das größere Inhaltsbild. (LCP)
Was ist Magento 2?;
Dies ist eine neue Plattform, die den Umsatz von E-Commerce- und Shopping-Websites steigert. Aktuell nutzen bereits über 101.000 Tsd. t Online-Shops weltweit die Plattform, wobei der Anteil bei großen Online-Shops deutlich höher ist. Darüber hinaus wird Magento von über 251.000 Tsd. t Online-Unternehmen eingesetzt, vor allem aufgrund seiner Dynamik, Anpassungsfähigkeit und Funktionalität. Magento gewinnt immer mehr Marktanteile, insbesondere seit der Übernahme durch Adobe.
Es gibt einen zugehörigen Artikel, der die Vorteile der Wahl von Magento für den Aufbau eines E-Commerce-Shops erläutert:“9 Gründe, warum Sie einen Onlineshop mit Magento erstellen sollten“".
Kann Magento 2 bei Google PageSpeed Insights eine Punktzahl von 90+ erreichen?;
Dies ist eine der größten Stärken von Magento 2. Die Eingriffsmöglichkeiten eines Magento-Entwicklers sind so umfassend, dass er im Wesentlichen nur die für die Seitendarstellung notwendigen Elemente beibehalten kann. Dadurch wird unnötiger Code entfernt, was den Onlineshop beschleunigt. Allerdings reicht der Code allein nicht aus, da PSI auch andere Parameter misst. Die Optimierung von Grafiken für ein sofortiges Laden sowie anderer Website-Elemente ist für die Seitenladegeschwindigkeit von entscheidender Bedeutung.
Auch serverseitig lassen sich bessere Antwortzeiten erzielen. Zudem gibt es in Magento geeignete Erweiterungen zur Optimierung der Website-Geschwindigkeit.
Ein Magento 2 E-Commerce-Shop hat somit das Potenzial, bei Google PageSpeed Insights eine Punktzahl von über 90 zu erreichen.
Was kann die Geschwindigkeit eines Magento-Shops in PageSpeed Insights beeinflussen?.
Dies sind einige Praktiken, die die Geschwindigkeit eines Magento-Shops beeinträchtigen und daher möglichst identifiziert und beseitigt werden sollten. Ein Magento-Entwickler verfügt über die Kompetenz und Erfahrung, solche störenden Elemente zu erkennen und zu entfernen oder zu optimieren.
Multimedia-Elemente, Pop-ups und unnötiger Code können die Geschwindigkeit eines Magento-Shops beeinträchtigen. Insbesondere wenn der Server zusätzliche Verzögerungen verursacht und möglicherweise unnötige Erweiterungen oder sogar das gewählte Theme selbst Probleme bereiten, ist die Kundenzufriedenheit nicht zufriedenstellend. Daher sollte der Shop-Administrator oder der zuständige Entwickler mit geeigneten Mitteln die unnötigen Elemente entfernen und die notwendigen optimieren.
Werbung und andere Elemente von Drittanbietern verringern ebenfalls die Geschwindigkeit einer Website, da sie Zeit zum Laden und Erscheinen auf dem Bildschirm des Besuchers benötigen.
Optimierungsmöglichkeiten von Google PageSpeed Insights für Magento 2.
Bilder, die nicht im sichtbaren Bereich liegen, werden verzögert geladen. Dies lässt sich durch Lazy Loading beheben. Lazy Loading verlangsamt das Laden dieser Bilder. Nutzer sehen beim Betreten des Shops keine Bilder, die nicht im sichtbaren Bereich liegen; sie sehen lediglich Banner am oberen Rand und gegebenenfalls Inhalte auf dem sichtbaren Bildschirm. Beim Öffnen einer Webseite werden alle Inhalte der Seite, einschließlich aller Bilder, heruntergeladen. Enthält die Webseite viele Bilder, dauert das Laden entsprechend länger.
Verwenden Sie Lazy Loading, um nur sichtbare Bilder zu laden.
Entfernen Sie ungenutzten JavaScript-Code. Manchmal enthält eine Website ungenutzte JavaScript-Dateien. Ungenutzter JavaScript-Code kann eine Website verlangsamen, da Browser nicht erkennen können, welcher Code nützlich ist und welcher nicht. Daher lädt der Browser den gesamten JavaScript-Code herunter, analysiert, kompiliert und wertet ihn aus, bevor er mit den anderen Aufgaben fortfahren kann, die zum Rendern der Website erforderlich sind.
Entfernen ungenutzter CSS-Dateien. Standardmäßig muss ein Browser alle externen Stylesheets herunterladen, analysieren und verarbeiten, bevor er Inhalte auf dem Bildschirm des Nutzers anzeigen kann. Jedes externe Stylesheet muss aus dem Netzwerk geladen werden. Diese zusätzlichen Netzwerkpfade können die Ladezeit für Nutzer erheblich verlängern. Ungenutzte CSS-Dateien erhöhen die Ladezeit zusätzlich. Die Behebung dieses Problems ist etwas knifflig, verbessert aber die Geschwindigkeit der Website deutlich.
JavaScript-Ausführungszeit reduzieren. Die beste Methode zur Reduzierung der JavaScript-Ausführungszeit besteht darin, unnötige JS-Dateien zu entfernen sowie Dateien zu minimieren und zu komprimieren.
Reduzierung der JS-Ausführungszeit.
Die oben genannten Punkte stellen einige Möglichkeiten zur Optimierung der Website-Geschwindigkeit dar. Ein Magento-Shop bietet jedoch möglicherweise noch mehr Optimierungspotenzial zur Leistungssteigerung.
Schlussfolgerungen.
Die Website-Geschwindigkeit ist der wichtigste Faktor für den Erfolg im Online-Handel. Google priorisiert Websites mit einem guten Ranking und minimalen Ladezeiten. Daher empfiehlt es sich, die Website mithilfe der Google-Tools zur Seitenladegeschwindigkeitsanalyse zu überprüfen und Optimierungspotenziale zu identifizieren. Ein erfahrener Magento-Entwickler kann Ihnen die entsprechenden Informationen liefern und Sie bei Bedarf unterstützen, die maximale Performance Ihres E-Commerce-Unternehmens zu erzielen.
