{"id":10439,"date":"2017-10-24T08:46:09","date_gmt":"2017-10-24T08:46:09","guid":{"rendered":"https:\/\/www.templatemonster.com\/de\/blog\/?p=10439"},"modified":"2020-05-19T07:59:57","modified_gmt":"2020-05-19T07:59:57","slug":"magento-ladezeit-optimieren","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/de\/magento-ladezeit-optimieren\/","title":{"rendered":"Magento-Ladezeit optimieren \u2013 Einfache Ma\u00dfnahmen mit gro\u00dfer Wirkung"},"content":{"rendered":"

Dieser Beitrag richtet sich an Personen, die das Gef\u00fchl haben ihr Magento Shop ist schlicht langsam.<\/strong><\/p>\n

\"\"<\/p>\n

Wie kann \u00fcberhaupt ermittelt werden, ob der Shop wirklich langsam ist? Und vor allem wie kann der Magento Shop in der Ladezeit verbessert werden?\u00a0Dies ist eine h\u00e4ufige Frage besonders von Online Shops ohne professionelle Betreuung.<\/p>\n

Ein kleiner Crash-Course in die Faktoren der Ladezeit eines Magento Shops<\/h3>\n

Um \u00fcberhaupt die Ladezeit zu verbessern, ist es zun\u00e4chst gut zu wissen welche generellen Faktoren Einfluss auf diese haben. Die Ladezeit eines Shops basiert auf verschiedenen Faktoren. Die Faktoren sind:<\/p>\n

Die zu ladende Dateien<\/strong><\/p>\n

Ein Shop basiert auf verschiedensten Dateien. Dazu geh\u00f6ren Bilder, html Code aber auch z.B. Java Script oder CSS Code. All das muss logischerweise im Browser des Besuchers landen und erst dann kann es angezeigt werden. Je gr\u00f6\u00dfer der Umfang ist umso l\u00e4nger dauert es<\/p>\n

Die Menge an Dateien<\/strong><\/p>\n

Dummerweise hat jeder Browser ein Limit an Dateien die gleichzeitig von einer Domain geladen werden k\u00f6nnen. Es k\u00f6nnen meist nur 15 Dateien gleichzeitig runtergeladen werden. Wenn ein Online Shop nun eine riesige Menge an Dateien hat, werden diese alle nacheinander runtergeladen.<\/p>\n

Die Zeit bis zum ersten runterladen (time to first byte)\u2013 Wie schnell der Server arbeitet<\/strong><\/p>\n

Das Runterladen kann jedoch auch erst starten, sobald der Server die Daten ausliefert. Wobei hier Server sowohl f\u00fcr die Hardware wie auch f\u00fcr alles andere steht was auf dem Server abl\u00e4uft. Das bedeutet ein Server der schnelle Hardware hat, kann deutlich schneller Inhalte ausliefern. Aber ein extrem hohen Anteil hat auch die Server Software. Durch gute Konfiguration und Zwischenspeicher kann ein Server viel schneller Inhalt ausliefern.<\/p>\n

Der lokale Zwischenspeicher im Browser \u2013 jedoch erst f\u00fcr erneuten Besuch<\/strong><\/p>\n

Ein Browser speichert sinnvollerweise Inhalte zwischen. Somit muss nicht bei jedem Aufruf komplett alles neu geladen werden. Das wirkt sich leider aber erst bei erneutem Besuchen der Seite aus. Es k\u00f6nnen und sollten aber auch generelle Inhalte in den Browserspeicher gelegt werden. Angenommen der Shop hat ein Hintergrundbild. Dieses wird beim erstmaligen Besuch geladen. Ab dann ist es jedoch im Browser und kann je nach Konfiguration die n\u00e4chsten 30 Tagen dort bleiben. Das bedeutet wenn der Besucher selbst in 2 Wochen erst wieder im Shop surft sind solche Dateien sofort verf\u00fcgbar. Das beschleunigt den Shop f\u00fcr einen Besucher extrem.<\/p>\n

Es wirkt sich aber auch auf das normale Surfen sehr positiv aus. Weil auch Dinge wie CSS Dateien eben nur einmalig geladen werden m\u00fcssen und beim n\u00e4chsten Klick sofort vorhanden sind.<\/p>\n

Die Art des Browsers und Rechner Ausstattung<\/strong><\/p>\n

Browser sind unterschiedlich schnell. Dazu sind Laptops und PCs unterschiedlich gut ausgestattet. Weiter sind je nach \u00dcberlastung des PCs die Leistung des Browsers stark eingeschr\u00e4nkt. Generell ist der Google Chrome Browser <\/a>aktuell der schnellste Browser. Wenn sich Kunden z.B. beschweren, dass der Shop sehr langsam ist, ist es somit nicht verkehrt zu fragen ob diese unter anderem Internet Explorer verwenden.<\/p>\n

\"\"<\/a><\/p>\n

Schritt 1: Die Ladezeit des Shops messen<\/h3>\n

Die Ladezeit des Shops sollte nicht einfach \u00fcber normales Surfen bewertet werden. Der riesige Nachteil dabei ist, dass die Ladezeiten zum Gro\u00dfteil von der eigenen Internetgeschwindigkeit und dem eigenen PC\/Laptop bestimmt werden. Selbst ein miserabler Online Shop hat mit einer 50.000 DSL Leitung immer noch ein durchaus vern\u00fcftige Ladezeit. Wenn dieser jedoch per Smartphone ohne(!) WLan aufgerufen wird, ist das surfen unm\u00f6glich.<\/p>\n

Als Tool eignet sich dort z.B. Google PageSpeed Tools<\/a><\/strong><\/p>\n

Dort einfach die eigene url zum Shop eingeben und es gibt eine sehr detaillierte \u00dcbersicht \u00fcber verschiedenste Punkte die es zu verbessern gilt. Bevor Sie nun aber starten dort alle Punkte abzuarbeiten hier die Punkte, die am meisten Probleme macht<\/p>\n

Schritt 2: Magento Cache aktivieren \u2013 extrem hohe Wirkung<\/h3>\n

Magento selbst hat bereits ein Cache System was das schnellere Anzeigen von z.B. stattischen Bl\u00f6cken und anderen Inhalten erm\u00f6glicht. Diese muss auf jeden Fall aktiviert werden.<\/p>\n

Es befindet sich:<\/p>\n

Admin -> System -> Cache Verwaltung<\/p>\n

Dort alle Caches anklicken und rechts im drop down Men\u00fc auf \u201eaktivieren\u201c klicken<\/p>\n

\"\"<\/p>\n

Schritt 3: Magento Compiler aktivieren \u2013 extrem hohe Wirkung<\/h3>\n

Weiter hat Magento einen integrierten Compiler. Dieser Compiler dient dazu, dass gewisse PHP Berechnungen nicht laufend durchgef\u00fchrt werden m\u00fcssen sondern zwischengespeichert werden.<\/p>\n

Es befindet sich:<\/p>\n

Admin -> System -> Werkzeug -> Compiler<\/p>\n

\"\"<\/p>\n

Die Wirkung hiervon ist meist extrem. Jedoch machen einige Erweiterungen teilweise Probleme mit aktiviertem Compiler. Daher ist es unbedingt notwendig nach Aktivierung den Shop einmal durchzutesten.<\/p>\n

Schritt 4: Bilder \u00fcberpr\u00fcfen<\/h3>\n

Bilder sind ein h\u00e4ufiges Problem. H\u00e4ufig werden Bildern in den komplett falschen Dateiformaten und viel zu gro\u00df hochladen. Das Problem ist, dass gewisse Bilder im Shop zwar \u201eklein\u201c angezeigt werden aber diese technisch nur zusammengeschrumpft werden. Somit wird komplett unn\u00f6tig ein z.B. 4 MB gro\u00dfes Bild geladen was aber in einem Bereich angezeigt wird in dem auch 100kb also 1\/40 ausgereicht h\u00e4tte.<\/p>\n

Die H\u00e4ufigen Fehler sind, dass Fotos als png abgespeichert werden. Jegliche Art von Bild-Datei auf der ein Motiv zusehen ist was auf einem echten Foto basiert, muss immer als jpeg gespeichert werden. png oder gif sind f\u00fcr diese Art von Motiven ungeeignet, da diese viel mehr Speicherplatz ben\u00f6tigen.<\/p>\n

Rein Logos mit klaren Linien ohne Verl\u00e4ufe sollten als png oder gif Datei gespeichert werden. Jegliche Andere Fotos sind als jpeg zu speichern.<\/p>\n

Je nach Bild kann eine Speicherung eines png Bilds als jpeg bereits mehr als 50% weniger Speicherbedarf bedeuten.<\/p>\n

Im Bereich PageSpeed Tools gibt es eine Sektion zu Bildern. Dort wird angezeigt,welche Bilder optimiert werden m\u00fcssen.<\/strong><\/p>\n

Hier gilt es jedes Bild abzuarbeiten und zu pr\u00fcfen wie und wo dieses eingebunden ist. Dann ist es meist n\u00f6tig das Bild runterzuladen und mit einem Bildbearbeitungsprogramm zu \u00f6ffnen. Nun kann getestet werden, wie es abgespeichert werden kann, um die Dateigr\u00f6\u00dfe des jeweiligen Bildes zu verringern.<\/p>\n

Wichtig ist dort jeden Bereich zu pr\u00fcfen. Wenn Sie dort Ihre Homepage\/Startseite eingeben wird auch nur diese \u00fcberpr\u00fcft. Das bedeutet es sollten mindestens gepr\u00fcft werden<\/p>\n