Websites und Anwendungen optimieren: schneller laden und die Ursache der Langsamkeit finden

Diese Empfehlungen gelten für jede Anwendung: WordPress, PrestaShop, Magento, Joomla und ähnliche. Es ist keine spezifische Anleitung für jede einzelne, sondern eine Liste der Punkte, die die Geschwindigkeit am stärksten beeinflussen, und der Probleme, die sie am häufigsten verursachen.

Produktionskonfiguration

Anwendungen werden mit einer Konfiguration installiert, die für die Entwicklung gedacht ist, nicht für eine öffentlich zugängliche Website. PrestaShop ist zum Beispiel so eingestellt, dass die Templates bei jedem Besuch neu kompiliert werden: So sehen Sie Designänderungen sofort, aber in einem fertigen Shop verlangsamt das jede Seite und treibt die CPU-Nutzung in die Höhe. Deshalb wirken PrestaShop oder Magento „ab Werk“ langsam.

Prüfen Sie nach Abschluss der Entwicklung die Leistungsoptionen Ihrer Anwendung:

• PrestaShop: unter Erweiterte Einstellungen > Leistung die Template-Kompilierung auf Template-Dateien niemals neu kompilieren und den Cache aktiviert. Schritt für Schritt finden Sie das in Tipps, um PrestaShop zu beschleunigen.
• Magento: Versetzen Sie den Shop mit bin/magento deploy:mode:set production in den Produktionsmodus. Der Entwicklermodus ist viel langsamer.
• WordPress: Prüfen Sie, dass WP_DEBUG in wp-config.php auf false steht.
• Joomla: Deaktivieren Sie unter System > Konfiguration > System die Option System debuggen.

Denken Sie daran: Wenn Sie nach dem Abschalten der Neukompilierung das Theme ändern, müssen Sie den Cache der Anwendung leeren, um die Änderungen zu sehen.

Cache

Jeder Besuch führt PHP-Code und Datenbankabfragen aus, um die Seite aufzubauen. Ein Caching-System speichert das Ergebnis dessen, was sich nicht ändert, und verwendet es bei den folgenden Besuchen wieder, statt den ganzen Vorgang zu wiederholen. Die Website wird schneller und verbraucht weniger Ressourcen, sodass ein kleiner Tarif mehr gleichzeitigen Traffic verkraftet.

Unsere Server verwenden LiteSpeed, das eigene Cache-Plugins hat, um alles herauszuholen. Verwenden Sie sie, wenn Ihre Anwendung kompatibel ist:

• WordPress und WooCommerce
• PrestaShop
• Magento
• Joomla

Verwenden Sie nur ein Seiten-Cache-Plugin. Prüfen Sie nach dem Aktivieren die Benutzeranmeldung, die Formulare und den Bestellvorgang.

PHP und OPcache

Jede PHP-Version ist schneller als die vorherige. Verwenden Sie die höchste, die Ihre Anwendung unterstützt. Im PHP-Selektor von cPanel wechseln Sie die Version sofort und, wenn etwas nicht funktioniert, genauso schnell zurück zur vorherigen.

Aktivieren Sie im selben Selektor die Erweiterung opcache: Sie hält den bereits kompilierten PHP-Code im Arbeitsspeicher und vervielfacht in vielen Fällen die Leistung, ohne dass Sie sonst etwas ändern müssen.

Bilder, CSS und JavaScript

• Bilder: Verkleinern Sie sie auf die Größe, in der sie angezeigt werden. Wenn Sie ein Bild mit 200×200 Pixeln brauchen, laden Sie keines mit 2000×2000 hoch, um es per HTML zu verkleinern: Der Besucher lädt das große trotzdem herunter. Komprimieren Sie sie außerdem; das können Sie auf einen Schlag mit dem Bildoptimierer im Kundenbereich erledigen.
• CSS und JavaScript: Minifizieren Sie sie und kombinieren Sie sie, wenn die Website es verträgt. Fast alle Cache-Plugins, auch die von LiteSpeed, erledigen das mit einem Schalter. Prüfen Sie nach dem Aktivieren Menüs, Formulare und Warenkorb.

Externe Ressourcen

Bilder oder Skripte zu verlinken, die auf anderen Websites liegen, ist bequem. Wenn dieser Server aber langsam wird oder nicht mehr antwortet, wartet Ihre Website, bis die Zeit abläuft. Der Besucher sieht eine langsame Website, obwohl das Problem nicht bei Ihnen liegt.

• Laden Sie die Bilder auf Ihr eigenes Hosting hoch, statt sie von einer anderen Website zu verlinken.
• Wenn Sie externe Bibliotheken verwenden (jQuery, Bootstrap, Icons), laden Sie sie von zuverlässigen CDNs wie jsDelivr oder cdnjs oder legen Sie sie auf Ihrem Server ab.
• Entfernen Sie Skripte von Drittanbietern (Chats, Pixel, Widgets), die Sie nicht mehr verwenden.

Die Anfragen im Browser prüfen

Die Browserkonsole (Registerkarte Netzwerk oder Network) zeigt Ihnen alle Anfragen, die eine Seite stellt: wie lange jede dauert, wie groß sie ist, welche einen Fehler liefern und ob Dateien geladen werden, von denen Sie nichts wussten. Sortieren Sie sie nach Zeit, um zu sehen, was das Laden verzögert.

Wenn das HTML-Dokument selbst (die erste Anfrage) lange braucht, liegt das Problem auf dem Server: Die Anwendung braucht lange, um die Seite zu erzeugen. Um zu sehen, welches Plugin, welche Abfrage oder welcher externe Aufruf die Zeit verbraucht, verwenden Sie PHP X-Ray.

Plugins, Module und Themes

WordPress, PrestaShop oder Magento wachsen mit Plugins, Modulen und Themes. Jedes fügt Gewicht hinzu: Wir haben WordPress-Installationen mit mehr als 100 Plugins gesehen, von denen die meisten keinen echten Nutzen hatten.

• Installieren Sie nur die, die Sie wirklich brauchen, und löschen Sie die, die Sie nicht mehr verwenden.
• Sehen Sie sich vor der Installation die Bewertungen und Meinungen an.
• Prüfen Sie, dass der Entwickler es pflegt und neue Versionen veröffentlicht: Ein aufgegebenes Plugin ist außerdem ein Sicherheitsrisiko.
• Prüfen Sie nach der Installation eines neuen Plugins oder Themes, dass die Website nicht langsamer geworden ist.

Interne Fehler

Anwendungen blenden PHP-Fehler aus, um Besuchern keine sensiblen Informationen zu zeigen. Ein Fehler oder eine Warnung, die sich bei jedem Besuch wiederholt, verlangsamt aber ebenfalls. Aktivieren Sie vorübergehend das Fehlerprotokoll, wie wir in Fehler in PHP-Anwendungen debuggen erklären, prüfen Sie, was erscheint, und deaktivieren Sie es danach wieder.

Für WordPress und WooCommerce finden Sie all diese Schritte im Detail in der Anleitung, um WordPress Schritt für Schritt zu beschleunigen.