Die besten Magento-Tools und -Techniken zur Website-Optimierung [2023]

Inhalt

Als eine der renommiertesten CMS-Plattformen für die Erstellung von E-Commerce-Lösungen bildet Magento derzeit die Grundlage von etwa 1,5 % aller bestehenden CMS-basierten Websites. Ein ziemlich solider Anteil, wenn man die Fülle an Mehrzweck-Tools auf dem Markt und die Unterschiede in den individuellen Vorlieben der Softwareentwickler berücksichtigt. Da Magento 2 jedoch so weit verbreitet ist, kann es technisch gesehen nicht als einfach zu bedienende Software mit einer steilen Lernkurve bezeichnet werden.

Bildquelle: Magenticianer

Aus diesem Grund sehen sich viele Programmierer ohne umfangreiche Erfahrung in der Arbeit mit dem Framework mit Problemen der Leistungsoptimierung konfrontiert. Die Magento-Geschwindigkeitsoptimierung möchten wir in diesem Artikel ausführlicher besprechen.

Web-Performance-Optimierung für Magento: Brauchen Sie das?

Zahlreiche neuere Studien, die sich auf die UX von Websoftwarelösungen konzentrieren, behaupten, dass die optimale Ladezeit zwischen 1,5 und 3 Sekunden variiert. Wenn das Laden einer Webseite länger dauert, verlassen mehr als die Hälfte der Benutzer die Ressource sofort.

Warum Leistung wichtig ist

Selbst heutzutage, wenn die Geschwindigkeit der Internetverbindung, die die meisten globalen Anbieter anbieten können, über 100 Mbit/s liegt und Mobilfunkbetreiber sich aktiv auf 5G-Geschwindigkeiten vorbereiten, ist die Leistung einer Web-App oder Website so entscheidend wie eh und je. Dies wirkt sich erheblich auf Conversion-Raten, Absprungraten, Traffic und andere wichtige Geschäfts-KPIs aus. Alles in allem sollten Sie bedenken, dass Benutzer dazu neigen, die Weblösungen und Ressourcen auszuwählen, die im Handumdrehen geladen werden.

Techniken und Tools zur Optimierung der Webleistung

Tatsächlich sind zahlreiche Techniken und voll ausgestattete Software-Tools (in Bezug auf CMS und insbesondere Magento gibt es verschiedene Erweiterungen im offiziellen Store) für Prozesse der Website- und Web-App-Optimierung vorgesehen. Werfen wir einen Blick auf die gängigsten.

Top-10-Tipps zur Verbesserung der Anwendungsleistung

Dies sind die wichtigsten Methoden, mit denen Sie letztendlich die Ladegeschwindigkeit der Website beschleunigen und die Anwendungsleistung verbessern können.

Bildquelle: Iskcononline

Hosting wechseln

Ein unzureichendes Qualitätsniveau der Dienste Ihres aktuellen Hosting-Providers kann die Gesamtleistung Ihrer Website oder Web-App stark beeinträchtigen. Entscheiden Sie sich niemals für billige, von vielen zufriedenen früheren Kunden unerforschte Optionen. Unerfahrene oder niedrig angesehene Anbieter können Ihre Server einfach überlasten.

Wir empfehlen, VPS/VDS-Lösungen wie DigitalOcean, HostGator, iPage, Liquid Web usw.

Verwenden Sie CDN

Eine ziemlich zugängliche Möglichkeit, die Leistung zu steigern, ist der Einsatz von CDN (Content Delivery Network). Es ist insofern zugänglich, als Sie die Datenbank nicht neu schreiben und Inhalte manuell bearbeiten müssen, was bei großen Projekten ein echter Stimmungskiller und Zeitfresser wäre.

CDN wiederum extrahiert alle statischen Dateien vom Server Ihrer Ressource und speichert sie auf einem anderen dedizierten Server. CDN übernimmt dann die Verantwortung für das Laden des statischen Inhalts, wodurch die Geschwindigkeit Ihrer Website erheblich gesteigert wird. Die Sache ist die, CDN-Server befinden sich auf der ganzen Welt. CDN-Software funktioniert ähnlich wie ein Proxy, findet den Server, der dem Benutzer am nächsten ist, und beschleunigt die Bereitstellung von Inhalten.

Löschen Sie unnötige Erweiterungen

Egal welches Framework Sie verwenden, eine übermäßige Anzahl an Erweiterungen und Modulen wirkt sich gleichermaßen negativ auf die Performance aller Weblösungen aus. Je mehr HTTP-Anfragen vorhanden sind, desto langsamer wird es. Wenn Sie also erhebliche Verzögerungen feststellen, sehen Sie nach, welche Plugins auf Ihrer Plattform installiert sind.

Wenn Sie etwas Veraltetes oder Unnötiges sehen, klicken Sie neben dem veralteten Titel auf „Deaktivieren“ und speichern Sie die Einstellungen.

Dies reicht jedoch möglicherweise nicht in allen anderen Fällen aus. Um das Modul vollständig zu deaktivieren, sollten Sie die Moduldateien vollständig löschen. Prüfen Sie auch, ob dieses Modul mit der Datenbank funktioniert. Wenn dies der Fall ist, müssen Sie auch die DB-Daten entfernen, was möglicherweise nicht so einfach ist.

Arbeite an deinen Bildern

Wie die Praxis zeigt, machen Bilder und visuelle Elemente mehr als die Hälfte aller Inhalte auf der Webseite aus. Daher ist es eine äußerst vernünftige, auf Optimierung ausgerichtete Entscheidung, das Laden von Bildern zu beschleunigen.

Für solche Zwecke empfehlen Experten, Bilder zu komprimieren, bevor sie auf die Ressource hochgeladen werden. Dies kann über jeden verfügbaren Fotoeditor oder mithilfe einer der Magento-Automatisierungserweiterungen erfolgen.

Die meisten Magento-Entwickler bevorzugen ein Freeware-Modul zum Komprimieren von JPEG- und PNG-Bildern oder einen kostenpflichtigen und weitaus aufschlussreicheren JS- und CSS-Kompressor + Bildoptimierung.

Protokolle löschen

Das standardmäßige Fälligkeitsdatum zum Speichern von Protokollen in Magento 2 beträgt 180 Tage. Aber je mehr Protokolldaten Sie sammeln, desto mehr wirken sich diese Datenmassen auf die Leistung der Ressource aus. Versuchen Sie es mit anderen Parametern, z. B. 2 Wochen Lagerung.

Gehen Sie dazu zum Abschnitt „Journal“ und passen Sie die Protokollspeichereinstellungen an.

Verwenden Sie den PHP-Beschleuniger

Der Hauptzweck eines PHP-Beschleunigers besteht darin, die Leistung des Codeinterpreters zu verbessern, indem der Bytecode in Skripten zwischengespeichert wird. Neben eingebauten Magento 2-Kapazitäten verwenden Entwickler in der Regel auch einen Beschleuniger-OPcache.

Webseiten cachen

Das Zwischenspeichern von Seiten gehört zu den effizientesten Methoden, um die Leistung Ihrer Ressource zu beschleunigen. Sicherlich können Sie das standardmäßige Seiten-Caching-Tool von Magento 2 verwenden, aber Varnish ist eine empfehlenswertere Option. Sie können auch spezialisierte Erweiterungen wie Full Page Cache verwenden.

Passen Sie die .htaccess-Datei an, um Caching-Prozesse zu optimieren

.htaccess ist die Konfigurationsdatei des Apache-Webservers, mit der Sie Einstellungen in separaten Verzeichnissen und allen nachfolgenden Unterverzeichnissen lokal ändern können, indem Sie Parameter in der Standard-Server-Konfigurationsdatei durch die .htaccess-Parameter ersetzen. In Bezug auf die Leistungsoptimierung hilft Ihnen diese Datei, zusätzliche Caching-Einstellungen zu verwenden, z. B. die Verwendung von Expire-Header und/oder die Verbindung von Gzip-Komprimierung.

Übrigens bevorzugen einige Entwickler die Verwendung von Nginx gegenüber Apache, was auch einen Arbeitsschub für Magento-basierte Lösungen bringen kann, indem statische Inhalte viel effizienter an den Client geliefert werden.

Implementieren Sie einen einzigen Katalog

Magento verwendet einen ganz bestimmten Ansatz zur Datenspeicherung - EAV, der garantiert, dass sich Entitäten, ihre Attribute und Werte ihrer Attribute in verschiedenen Tabellen befinden. Wenn Ihr Webshop Tausende von Artikeln enthält, ist es für Sie am sinnvollsten, einen einzigen Flat-Katalog für alle Kategorien und Produkte zu erstellen.

• Sie können dies folgendermaßen tun:
• Gehen Sie zu „Katalog“ -> „Attribute“ -> „Attribute verwalten“;
• Fügen Sie der Flat-Tabelle die erforderlichen Attribute hinzu, indem Sie „Ja“ in „In Produktliste verwendet“ oder in „Zum Sortieren in Produktliste verwendet“ angeben;
• Fügen Sie Entitäten zu den Flat-Flat-Tabellen in den Optionen "Flat-Katalogkategorie verwenden" und "Flat-Katalogprodukt verwenden" hinzu.

Danach müssen Sie den Cache leeren, indem Sie zu „System“ -> „Cache-Verwaltung“ gehen und „Cache-Speicher leeren“ auswählen.

Kombinieren Sie JS mit CSS

Magento 2 verfügt über eine integrierte Funktion, die JS- und CSS-Dateien miteinander kombiniert. Ein solcher Ansatz führt jedoch dazu, dass kombinierte Dateien bis zu 10 MB Speicherplatz beanspruchen, und der gesamte JS-Code aus dem gesamten App-Verzeichnis wird auf jeder Seite geladen (unabhängig davon, ob tatsächlich Skripte verwendet werden oder nicht).

Wenn ein solches Problem auftritt, versuchen Sie, ein Optimierungsmodul wie Google Page Speed ​​Optimizer zu aktivieren.

Magento 2 Geschwindigkeitsoptimierungserweiterung

Nach allem, was gesagt und getan wurde, ist der einfachste Weg, die oben genannten Techniken anzuwenden, die das Laden von Webseiten beschleunigen, das Herunterladen einer Erweiterung, die die Geschwindigkeit von Magento-Lösungen optimieren soll. Dies ist ein klarer Weg für große Projekte, der internen Entwicklern viel Zeit sparen wird.

Andererseits können nicht alle kleinen und mittelgroßen Projekte den Kauf erforderlicher Erweiterungen bewältigen.

Unternehmen für die Geschwindigkeitsoptimierung von Magento-Webanwendungen

Sie können jeglichen übermäßigen Aufwand vergessen und einfach Spezialisten für den Aufbau und die Optimierung von Magento-basierter Software beauftragen. Stellen Sie sicher, dass die Arbeit mit Magento der berufliche Hauptfokus der Agentur ist, mit der Sie zusammenarbeiten werden – es ist ein ziemlich spezifisches CMS, das von breiter aufgestellten Entwicklungsunternehmen möglicherweise nicht so leicht gemeistert wird.

Magento-Geschwindigkeitsoptimierung – Zusammenfassung

Bildquelle: Chiliapple

Wie Sie sehen, können Sie die Leistung Ihrer Magento-Lösung auf verschiedene Weise beschleunigen. Mit welchen Sie sich zufrieden geben, hängt von Ihren individuellen Vorlieben, Ihrem Budget und den Projektbesonderheiten ab.

Wenn Sie die Ladezeit Ihrer Webanwendung sofort halbieren möchten, kontaktieren Sie uns. Wir werden einige aufschlussreiche, fachkundige Anstrengungen unternehmen, um Ihre Weblösung absolut schnell und benutzerfreundlich zu gestalten.