Vermeiden von CMS-Katastrophen: So verbessern Sie die Website-Leistung

Niemand mag es zu … warten … warten …. warte …

Eine Website zu haben, die wie ein digitaler Superheld funktioniert, ist eine geschäftliche Notwendigkeit, insbesondere wenn Sie bei einem potenziellen Kunden, der sich über Ihr Unternehmen informiert, einen ersten Eindruck hinterlassen.

Die folgenden Website-Leistungsstatistiken sollten jedem Website-Entwickler und -Ingenieur Angst einjagen, ganz zu schweigen von Ihrem Markenmarketing-Team:

• Jeder zweite Nutzer verlässt eine Website, wenn das Laden länger als vier Sekunden dauert. Quelle: BBC.
• Eine Verzögerung von einer Sekunde führt zu einem Rückgang der Benutzerzufriedenheit um 16 %. Quelle: LoadStorm.
• 53 % der Besuche mobiler Websites werden abgebrochen, wenn das Laden von Seiten länger als drei Sekunden dauert. Quelle: Google.

Vielleicht ist Ihnen bei der Überprüfung der Leistungsmetriken von Google Core Web Vitals eine schlechte Websiteleistung aufgefallen, Sie sind sich aber nicht sicher, wie Sie dies beheben können?

Wenn Ihr Geschäft auf dem Spiel steht, können Sie es sich nicht leisten, neue Geschäfte woanders hinzuschicken und Ihre Marke zu schädigen, indem Ihr Content-Management-System (CMS) ein schlechtes digitales Erlebnis liefert.

Im Folgenden diagnostizieren wir fünf häufige Verlangsamungsursachen und zeigen, wie Sie die Website-Leistung mit einem agilen CMS wie WordPress VIP verbessern können.

Erstens, was passiert eigentlich, wenn Sie eine Webanwendung laden?

Das ist eine große Herausforderung für jeden Browser, der sofort auf Hochtouren laufen und in Millisekunden eine ganze Reihe von Aktionen ausführen muss. Hier ist die dünne Höflichkeit Mozilla:

1. Der Browser geht zum DNS-Server und findet die echte Adresse des Servers, auf dem die Website lebt.
2. Der Browser sendet eine HTTP-Anforderungsnachricht an den Server und fordert ihn auf, eine Kopie der Website an den Client zu senden. Diese Nachricht und alle anderen Daten, die zwischen dem Client und dem Server gesendet werden, werden mithilfe von TCP/IP über Ihre Internetverbindung gesendet.
3. Wenn der Server die Anfrage des Clients genehmigt, sendet der Server dem Client eine „200 OK“-Nachricht, was bedeutet: „Natürlich können Sie sich diese Website ansehen! Hier ist es." Es beginnt dann damit, die Dateien der Website als eine Reihe von kleinen Blöcken, die als Datenpakete bezeichnet werden, an den Browser zu senden.
4. Der Browser fügt die kleinen Brocken zu einer vollständigen Webseite zusammen und zeigt sie Ihnen an.

Hinweis: So einfach ist es natürlich nicht. Dazwischen liegen viele kleinere Schritte. Lassen Sie uns zunächst auf fünf Hauptgründe für „Langsamkeit“ eingehen und wie unser WordPress-VIP-CMS sie mildert.

Was verursacht also ein langsames Surferlebnis?

Schuldiger 1. Mangel an PoPs und CDN

Höchstwahrscheinlich ist Ihr Geschäft global. Das erhöht die logistische Herausforderung, schnelle, konsistente und stabile Verbindungen für Benutzer auf einer Vielzahl von Verbindungstypen auf einer Vielzahl von Geräten sicherzustellen.

Was bedeutet das für Ihre Bewerbung?

Wenn eine Netzwerkanforderung aus Schritt 2 oben initiiert wird, durchläuft die Anforderung mehrere Netzwerk-Hops. Ein Hop ist ein Computernetzwerkbegriff, der sich auf die Anzahl von Routern bezieht, die ein Paket von seiner Quelle bis zu seinem Ziel durchläuft.

Als Folge dieser Sprünge vom geografischen Standort eines Benutzers zu Ihrem Server können Ihre Benutzer während des Ladens zusätzliche Zeit in Anspruch nehmen. Dies kann abgemildert werden, indem die Inhalte über ein Content Delivery Network (CDN) und Points of Presence (PoPs) näher an Ihrem Besucher bereitgestellt werden.

Die WordPress-VIP-Antwort :

Das CDN von WordPress VIP ist ein globales Netzwerk von Edge- und Ursprungs-PoPs, die Ihre Website für globale Kunden so schnell, effizient und zuverlässig wie möglich bereitstellen. Diese lokalisierte Verfügbarkeit erfolgt automatisch, sobald unsere Edge-Server über neue Inhalte aus Ihrer Anwendung benachrichtigt werden. Das bedeutet, dass Ihr Team keine zusätzliche Konfiguration vornehmen muss, wodurch es sich auf andere Aufgaben konzentrieren kann.

Täter 2. Nicht optimierte Medien

Diese hochwertigen Bilder, die heute jeder mit den neuesten Mobilgeräten aufnimmt, sind ziemlich schön! Das heißt, bis sie als Miniaturansichten auf Ihrer Homepage verwendet werden.

Wenn Sie ein 4K-Bild hinzufügen und es auf einen 100×100-Pixel-Container beschränken, müssen Ihre Benutzer das gesamte 4K-Bild laden. Ein einzelnes Bild ist kein Grund zur Sorge, aber für Unternehmen, die Inhalte in großem Umfang veröffentlichen, kann die Seitenlast leicht exponentiell explodieren, je mehr Artikel eine Indexseite füllen.

Die WordPress-VIP-Antwort :

Anwendungen auf WordPress VIP erhalten automatisch alle Vorteile von Edge-Cache-Bildern und automatischer Bildgrößenanpassung für hochgeladene Bilder. Darüber hinaus können Bilder im Handumdrehen in der Größe geändert werden.

Schuldiger 3. Unoptimiertes Javascript und CSS

Beim Laden großer Dateien zählt jedes Bit und jede Anfrage. Wenn Sie die Anzahl der zum Herunterladen einer Datei erforderlichen Netzwerk-Hops bereits optimiert haben, dauert die Ankunft einer Datei am längsten für das Öffnen und Schließen von Anforderungen.

Um dies zu beheben, verwendet die moderne Javascript- und CSS-Entwicklung häufig Minimierung und Verkettung.

Die Minimierung bezieht sich auf das Entfernen aller unnötigen Zeichen in einer Datei, normalerweise aller unnötigen Leerzeichen. Das Ziel hier ist, die Gesamtzahl der übertragenen Bits zu reduzieren.
Bei der Verkettung werden mehrere Dateien zusammengefügt, um eine größere Datei zu erstellen. Ziel ist es hier, die Anzahl der Netzwerkanfragen zu reduzieren.

Die WordPress-VIP-Antwort :

WordPress VIP verkettet automatisch JavaScript- und CSS-Dateien, um die Anzahl der Anfragen zu reduzieren, die beim Laden einer einzelnen Seite auftreten. CSS-Dateien werden sowohl verkleinert als auch verkettet. Die Anerkennung geht an unser Open-Source-Plugin der Wahl.

Minimierte und verkettete Dateien werden dann 15 Tage lang zwischengespeichert oder bis eine Änderung erkannt wird.

Schuldiger 4. Schlechte Cache-Auslastung

Caches sind spezielle Zwischenspeicher zur Beschleunigung. Was sie beschleunigen, hängt von der Art des Caches ab.

Wenn Sie keine Form des Cachings verwenden, kann die Antwortgeschwindigkeit Ihrer Seite ernsthaft beeinträchtigt werden, wenn Ihre Anwendung ausgelastet ist.

Die WordPress-VIP-Antwort :

WordPress VIP verwendet mehrere verschiedene Arten von Caching:

• Objekt-Cache – wird zum Speichern von Daten auf Anwendungsebene verwendet. Dies hilft, die Daten schnell und effizient abzurufen, ohne Ihre Datenbank zu beeinträchtigen. Kurz gesagt verhindert der Objekt-Cache, dass umfangreiche Berechnungen und/oder Abfragen wertvolle Verbindungszeit in Anspruch nehmen.
• Abfrage-Cache – schlankes Speicher-Caching von Datenbankabfragen. In WordPress profitiert jede Post-Abfrage, die die WP_Query-API verwendet, stark von dieser Form des Cachings.
• Seiten- Cache – Speicher für eine vollständig gezeichnete Seite, gespeichert an jedem Edge-PoP-Standort. Dies ist die erste Cache-Ebene, auf die die meisten Benutzer stoßen, die Ihre Anwendung besuchen. Der Seiten-Cache ermöglicht es unserem CDN, lokalisierte Inhalte bereitzustellen, ohne dass Ihre Anwendung jemals eine Codezeile ausführt.

All dies arbeitet harmonisch zusammen, um die Antwortzeiten auf Anfragen zu verkürzen.

Problem 5. Sättigung der Datenbankverbindung

Wenn der Inhalt und die Benutzerbasis Ihrer Anwendung wachsen, können diese älteren Datenbankabfragen, die ursprünglich gut funktionierten, jetzt die Leistung beeinträchtigen.

Wenn die Ausführung von Abfragen einige Zeit in Anspruch nimmt, belegt dies einen Platz in der Datenbank, bis die Abfrage abgeschlossen ist. Manchmal füllen sich diese Plätze sehr schnell und verhindern anschließend, dass weitere Abfragen ausgeführt werden. Dies äußert sich häufig in einer herabgesetzten Anwendungsleistung, bis die Datenbank 500 Antworten verarbeitet.

Die Verbindungssättigung kann schnell und zufällig auftreten, wodurch die Ursache schwer zu diagnostizieren ist.

Die WordPress-VIP-Antwort :

Als Teil des WordPress VIP-Servicepakets bieten wir Zugriff auf New Relic, das hilft, potenzielle Probleme wie die oben genannten proaktiv zu diagnostizieren und zu überwachen. Das spart Ihrem Team Zeit, Kosten und die Mühe, zusätzliche Tools und Ressourcen zu sichern, wenn Sekunden zählen.

Abschließend

Von Netzwerk-Hops und fehlender Points-Präsenz bis hin zur Sättigung von Datenbankinhalten sollte die Bekämpfung der Grundursachen für eine schlechte Website-Performance eine P0-Priorität für jede zukunftsorientierte Organisation und ihr Content-Management-System sein. Denn der gute erste Eindruck beim Publikum ist im digitalen Zeitalter alles. Denn Geschwindigkeit tötet wirklich.

Erfahren Sie hier mehr über WordPress VIP.

Autor

Michael Chan, Senior Software Engineer, WordPress-VIP