Warum sind WordPress-Tests wichtig?<\/h2>\n
Es gibt viele Vorteile, wenn du deine WordPress-Website regelm\u00e4\u00dfig testest. Wie bereits erw\u00e4hnt, kannst du mit dem Design und den Elementen der Benutzeroberfl\u00e4che (UI) experimentieren, ohne dass dies Auswirkungen auf deine Live-Site hat.<\/p>\n
So kannst du deine aktuelle Website beibehalten und den Gesch\u00e4ftsbetrieb aufrechterhalten, w\u00e4hrend du neue Ideen ausprobierst. Wenn in der Testumgebung etwas schief geht, musst du dir keine Sorgen \u00fcber die Auswirkungen machen, die ein Ausfall auf deinen Webverkehr und deine Einnahmen haben k\u00f6nnte.<\/p>\n
Andererseits kannst du deine WordPress-Website auch testen, um Probleme zu erkennen, die Besucher\/innen haben k\u00f6nnten, wenn sie versuchen, deine Seiten aufzurufen. Zum Beispiel kann es sein, dass deine Seite in einem bestimmten Browser langsam l\u00e4uft<\/a> oder dass dein Men\u00fc auf mobilen Ger\u00e4ten nicht richtig angezeigt wird.<\/p>\n Au\u00dferdem kann eine Testumgebung eine gute M\u00f6glichkeit sein, um Sicherheitsl\u00fccken zu vermeiden. Vielleicht m\u00f6chtest du neue Plugins und Themes ausprobieren, bevor du sie auf deiner Website installierst. In der Zwischenzeit kannst du Updates auf deiner Testseite durchf\u00fchren, um sicherzustellen, dass sie sicher sind.<\/p>\n W\u00e4hrend viele Anf\u00e4nger\/innen davon profitieren k\u00f6nnen, mit WordPress in einem sicheren, privaten Umfeld zu experimentieren, ist das Testen auch f\u00fcr fortgeschrittene Entwickler\/innen sehr wichtig. Mit den richtigen Tools k\u00f6nnen Entwickler\/innen eine permanente Testumgebung<\/a> einrichten, um die Funktionalit\u00e4t ihrer Produkte zu testen, bevor sie sie der \u00d6ffentlichkeit zug\u00e4nglich machen.<\/p>\n Da du nun wei\u00dft, warum es wichtig ist, WordPress sicher zu testen, werfen wir einen Blick auf einige der g\u00e4ngigsten Methoden.<\/p>\n Unabh\u00e4ngig davon, welche Art von Website du betreibst, solltest du dir angew\u00f6hnen, regelm\u00e4\u00dfig Funktions-, Leistungs- und Sicherheitstests durchzuf\u00fchren.<\/p>\n Es ist wichtig, den Wert der Tests deiner Website in verschiedenen Umgebungen zu erkennen. Wenn du den Unterschied zwischen den verschiedenen Umgebungen kennst, ist es einfacher, die richtige Option f\u00fcr deine Bed\u00fcrfnisse zu w\u00e4hlen.<\/p>\n Eine lokale Umgebung wird auf deinem eigenen Computer gehostet. Daher hat nichts, was du dort tust, Auswirkungen auf deine Live-Site. F\u00fcr den allgemeinen Gebrauch bietet sie eine gute M\u00f6glichkeit, neue Funktionen und Features zu testen. F\u00fcr Entwicklerinnen und Entwickler ist eine lokale Umgebung der ideale Ort, um Bugs und Fehler in deinem Code zu finden.<\/p>\n Eine Staging-Umgebung hingegen bietet eine Kopie der Daten deiner Website auf einem Server (und nicht auf einem lokalen Rechner). Sie ist der ideale Ort, um gr\u00f6\u00dfere Versions-Updates, Konfigurations\u00e4nderungen und Datenbankmigrationen<\/a> durchzuf\u00fchren. Wenn du Websites f\u00fcr Kunden entwirfst, eignet sich eine Staging-Site au\u00dferdem gut als Demo-Site, um den Kunden zu zeigen, wie die Website aussehen wird.<\/p>\n Jetzt, wo du die verschiedenen Arten von Testumgebungen besser kennst, schauen wir uns an, wie du sie einrichtest!<\/p>\n Wie bereits erw\u00e4hnt, ist eine Staging-Site im Grunde eine vollst\u00e4ndige Kopie deiner Live-Website. Normalerweise wird sie auf demselben Server gehostet wie deine Live-Website. Der einzige Unterschied besteht darin, dass Besucher\/innen nicht auf sie zugreifen k\u00f6nnen.<\/p>\n Das Beste am Staging ist, dass es einem realen Aufbau folgt. So kannst du genau nachvollziehen, wie sich die Kunden auf deinen Seiten bewegen.<\/p>\n Der einfachste Weg, eine Staging-Site einzurichten<\/a>, f\u00fchrt \u00fcber deinen Webhoster. Nicht alle Webhoster bieten Staging-Umgebungen mit ihren Hosting-Diensten an. Aber bei Kinsta<\/a> ist es super einfach, die integrierte WordPress-Staging-Umgebung<\/a> zu erstellen und zu konfigurieren.<\/p>\n Du kannst auf deine Staging-Site zugreifen, indem du dich in dein MyKinsta-Dashboard einloggst. W\u00e4hle einfach deine Website aus der Liste aus. Oben auf dem Bildschirm kannst du dann \u00fcber das Dropdown-Men\u00fc von Live <\/strong>zu Staging<\/strong> wechseln:<\/p>\n Denke daran, dass es bis zu f\u00fcnfzehn Minuten dauern kann, bis deine Staging-Site zum ersten Mal erstellt wird. Danach wird sie als Subdomain deiner Hauptdomain existieren (beide nutzen denselben Server).<\/p>\n Sobald du bereit bist, die \u00c4nderungen auf deine Live-Website zu \u00fcbertragen, kannst du einfach die Schaltfl\u00e4che Push-Umgebung <\/strong>in deinem Dashboard verwenden.<\/p>\n Eine lokale Umgebung funktioniert \u00e4hnlich wie eine Staging-Site, allerdings musst du die Umgebung nicht extern hosten. Stattdessen befindet sich deine lokale Umgebung auf einem lokalen Rechner (meistens auf deinem Computer).<\/p>\n Um eine WordPress-Testumgebung lokal zu installieren, musst du dir einen AMP-Stack f\u00fcr deinen Computer besorgen. Diese Software (Apache, MySQL und PHP) wird verwendet, um deine echte WordPress-Website zu imitieren.<\/p>\n Einige der beliebtesten M\u00f6glichkeiten, WordPress lokal zu installieren, sind WAMP und XAMPP. Der einfachste Weg ist jedoch die Verwendung von DevKinsta<\/a>:<\/p>\n DevKinsta ist ein kostenloses lokales Entwicklungstool f\u00fcr WordPress Single oder Multisite. Mit DevKinsta erh\u00e4ltst du Zugang zu einer Vielzahl von Datenbank- und E-Mail-Verwaltungstools. Au\u00dferdem l\u00e4sst es sich nahtlos in MyKinsta integrieren (du musst allerdings kein Kinsta-Kunde sein, um DevKinsta zu nutzen).<\/p>\n Um loszulegen, musst du die neueste Version von DevKinsta herunterladen<\/a>. Auf dem Mac f\u00fcgst du DevKinsta zu Programme<\/strong> hinzu und \u00f6ffnest die DevKinsta-App mit einem Doppelklick.<\/p>\n Der Installationsprozess unterscheidet sich leicht von Betriebssystem zu Betriebssystem, aber du kannst bei Bedarf die vollst\u00e4ndige Installationsanleitung f\u00fcr DevKinsta<\/a> einsehen. Anschlie\u00dfend kannst du Docker Desktop<\/a> installieren, um Container f\u00fcr das lokale WordPress zu erstellen.<\/p>\n Sobald du DevKinsta und Docker erfolgreich installiert hast, kannst du deine lokale Website erstellen. Du kannst entweder eine neue WordPress-Site erstellen, eine bestehende Site von Kinsta importieren oder eine eigene Site erstellen:<\/p>\n W\u00e4hle einfach deine bevorzugte Option. Wenn du eine Website von Kinsta importierst, musst du die richtige Website f\u00fcr den Import ausw\u00e4hlen und deine Anmeldedaten eingeben. Dann wirst du zum Bildschirm mit den Website-Informationen<\/strong> weitergeleitet, der wie ein Dashboard f\u00fcr deine lokale Umgebung funktioniert.<\/p>\n Du kannst die Kinsta-API<\/a> auch nutzen, um eine neue WordPress-Seite\/Installation zu erstellen, ohne auf DevKinsta<\/a> zuzugreifen.<\/p>\n Sehen wir uns nun f\u00fcnf M\u00f6glichkeiten an, wie du die Funktionalit\u00e4t deiner WordPress-Website testen kannst. Das Beste an den Funktionstests ist, dass du sie direkt in deiner lokalen Umgebung oder mit DevKinsta durchf\u00fchren kannst (im Gegensatz zu anderen Testarten, bei denen deine Website live sein muss).<\/p>\n Es ist wichtig, deine WordPress-Website in verschiedenen Browsern<\/a> zu testen, um zu sehen, wie deine Website f\u00fcr alle Besucher aussieht. Das liegt daran, dass verschiedene Browser unterschiedlichen Code verwenden. Daher behandelt und zeigt jeder Browser Elemente auf seine eigene Weise an.<\/p>\n Ein Nutzer, der deine Website mit Chrome aufruft, sieht sie vielleicht anders als ein Nutzer, der deine Website mit Firefox besucht. Und obwohl 3,2 Milliarden Internetnutzer\/innen im Jahr 2021 Chrome als Hauptbrowser<\/a> bevorzugen, nutzen viele weiterhin Firefox, Edge, Opera und Safari.<\/p>\n Vielleicht m\u00f6chtest du herausfinden, welche Browser bei deinen Besuchern beliebt sind, um deine Seite speziell f\u00fcr diese Browser zu optimieren. Wenn du Google Analytics verwendest, kannst du diese Informationen in deinen Besucherberichten<\/a> finden.<\/p>\n Dann kannst du deine Website mit einem Tool wie BrowserStack<\/a> auf Browserunterst\u00fctzung testen:<\/p>\n Mit BrowserStack kannst du deine Website in 3000 verschiedenen Browsern testen, darunter die neuesten Versionen von Edge, Safari, Firefox und Chrome. Du kannst auch eine kostenlose Testversion nutzen, bevor du dich f\u00fcr einen kostenpflichtigen Plan entscheidest.<\/p>\n Beim Unit Testing wird die kleinste Einheit einer Anwendung isoliert getestet. Das kann eine Funktion, eine Eigenschaft oder eine Methode sein. Diese Einheiten werden dann auf ihre Funktionst\u00fcchtigkeit untersucht, um sicherzustellen, dass sich die Anwendung wie erwartet verh\u00e4lt.<\/p>\n Du kannst Unit-Tests automatisch mit einem Drittanbieter-Tool wie Travis CI<\/a> durchf\u00fchren. Es ist jedoch schneller, die Tests lokal w\u00e4hrend der Entwicklung durchzuf\u00fchren, als \u00c4nderungen vorzunehmen und darauf zu warten, dass Travis CI sie ausf\u00fchrt.<\/p>\n Du k\u00f6nntest zum Beispiel ein Theme oder ein Plugin einem Unit-Test unterziehen. Hierf\u00fcr musst du Git<\/a>, SVN, PHP und Apache installieren. Au\u00dferdem musst du dein Plugin fertig haben.<\/p>\n Um loszulegen, \u00f6ffne DevKinsta, um deine lokale Entwicklungsumgebung zu starten. Installiere dann PHPUnit<\/a>. Nun musst du die Testdateien f\u00fcr das Plugin mit folgendem Befehl<\/a> erstellen:<\/p>\n Jetzt kannst du die Testumgebung lokal initialisieren, indem du das Installationsskript ausf\u00fchrst:<\/p>\n Dieses Skript installiert eine Kopie von WordPress auf Im n\u00e4chsten Schritt f\u00fchrst du die Plugin-Tests mit Hilfe von Da \u00fcber 60 Prozent der Menschen mit einem mobilen Ger\u00e4t online gehen<\/a>, ist es wichtiger denn je, dass deine WordPress-Website responsive ist. Auf diese Weise kannst du sicherstellen, dass deine Seiten auf allen Bildschirmgr\u00f6\u00dfen, einschlie\u00dflich Desktop, Tablet und Handy, reibungslos angezeigt werden.<\/p>\n Am einfachsten kannst du die Reaktionsf\u00e4higkeit deiner Website testen<\/a>, indem du die URL deiner Website auf deinem mobilen Ger\u00e4t eingibst. Wenn du jedoch die Darstellung deiner Website von deinem Desktop aus testen m\u00f6chtest, kannst du den WordPress Customizer verwenden.<\/p>\n Gehe einfach zu Darstellung <\/strong>> Anpassen:<\/strong><\/p>\n Je nach Theme siehst du unterschiedliche Panels. Unten auf deiner Seite kannst du auf das Symbol f\u00fcr Mobilger\u00e4te oder Tablets klicken, um eine Vorschau deiner Website in der angegebenen Bildschirmgr\u00f6\u00dfe anzuzeigen.<\/p>\n Au\u00dferdem kannst du auf die Entwicklertools von Google Chrome<\/a> zugreifen, um zu sehen, wie deine WordPress-Website auf mobilen Ger\u00e4ten aussieht. Dazu musst du nur eine Seite deiner Website in Google Chrome \u00f6ffnen.<\/p>\n Dann klickst du mit der rechten Maustaste auf die Seite und w\u00e4hlst Inspizieren<\/strong>:<\/p>\n Jetzt suchst du die Symbolleiste Ger\u00e4t umschalten<\/strong>\u00a0oben im Popup (links neben dem Reiter\u00a0Elemente<\/strong>):<\/p>\n Klicke darauf und dein Bildschirm wird sofort angepasst:<\/p>\n Wie du siehst, kannst du jetzt testen, wie deine Website in Responsive<\/strong> Dimensionen angezeigt wird. Wenn du auf das Dropdown-Men\u00fc Dimensionen<\/strong> klickst, kannst du deine Seite auf weiteren Ger\u00e4ten testen, z. B. auf verschiedenen iPhone- und Samsung Galaxy-Modellen.<\/p>\n Wenn wir von der Benutzeroberfl\u00e4che (User Interface, UI) deiner Website sprechen, meinen wir damit alle Komponenten deiner Website, mit denen Besucher interagieren k\u00f6nnen. Die meisten Websites enthalten zum Beispiel Links, Schaltfl\u00e4chen, Men\u00fcs usw. Irgendwann m\u00fcssen die Nutzer mit diesen Elementen interagieren.<\/p>\n Deshalb ist es besonders wichtig, deine Benutzeroberfl\u00e4che zu testen. Wenn etwas nicht richtig funktioniert, k\u00f6nnen Besucher\/innen frustriert sein und deine Seite verlassen.<\/p>\n Du kannst eine lokale Umgebung einrichten, um deine UI-Elemente zu testen. Du k\u00f6nntest zum Beispiel ein neues Navigationsmen\u00fc entwickeln und es ausprobieren.<\/p>\n In diesem Fall kannst du in deinem DevKinsta-Dashboard deinen lokalen Verwaltungsbereich \u00f6ffnen. Dann navigierst du auf der lokalen Seite zu Erscheinungsbild <\/strong>> Men\u00fcs <\/strong>. Jetzt klickst du auf Neues Men\u00fc erstellen<\/strong>.<\/p>\n Gib deinem Men\u00fc einen Namen und klicke auf Men\u00fc speichern<\/strong>. F\u00fcge dann auf der linken Seite deines Bildschirms Men\u00fcpunkte hinzu und w\u00e4hle Zu Men\u00fc hinzuf\u00fcgen<\/strong>:<\/p>\n Aktiviere unter Men\u00fceinstellungen<\/strong> das K\u00e4stchen Prim\u00e4res Men\u00fc<\/strong>. Dann speicherst du deine \u00c4nderungen.<\/p>\n Du kannst auch auf Verwalten mit Live-Vorschau <\/strong>oben auf dem Bildschirm klicken, um zu sehen, wie sich dein Men\u00fc macht:<\/p>\n Als N\u00e4chstes \u00f6ffnest du deine lokale Website in einem neuen Browser, um dein neues Men\u00fc auf dem Frontend zu sehen:<\/p>\n Du kannst auch die Navigationslinks testen, indem du auf jeden der Men\u00fcpunkte klickst. Wenn wir zum Beispiel auf den Link Gro\u00dfhandelsbestellung <\/strong>klicken, werden wir zu der entsprechenden Seite weitergeleitet, die wir unserem Men\u00fc hinzugef\u00fcgt haben:<\/p>\n Auf diese Weise kannst du neue Designelemente testen und sicherstellen, dass deine Benutzeroberfl\u00e4che richtig funktioniert.<\/p>\n Visuelle Regressionstests (VRT) stellen sicher, dass alle deine Designelemente und Layouts so aussehen, wie sie sollen. Aus diesem Grund wird VRT oft nach \u00c4nderungen an der Website durchgef\u00fchrt, z. B. wenn du das Theme wechselst oder ein Plugin aktualisierst.<\/p>\n Auf diese Weise kannst du sicherstellen, dass die \u00c4nderungen deine visuellen Elemente nicht beeintr\u00e4chtigen. So kann es zum Beispiel sein, dass dein Inhalt falsch ausgerichtet ist oder Schaltfl\u00e4chen verschwunden sind.<\/p>\n Wie bei den UI-Tests w\u00fcrdest du solche Probleme oft gar nicht bemerken, wenn du deine Website nicht am Frontend besuchst. Es gibt automatisierte VRT-Tools, die deine Website kontinuierlich auf visuelle Anomalien pr\u00fcfen.<\/p>\n Oder du kannst deine Seiten einfach manuell vergleichen, bevor und nachdem du deine \u00c4nderungen vorgenommen hast. Angenommen, du willst das Theme wechseln<\/a>. Am sichersten ist es, dies in einer lokalen Umgebung wie DevKinsta zu tun, damit du visuelle Tests durchf\u00fchren kannst, bevor du die \u00c4nderung auf deiner Live-Website anwendest.<\/p>\n Im Moment haben wir das Twenty Twenty-Theme auf unserer lokalen Website aktiviert. Wie du siehst, sind auf der Startseite alle Schaltfl\u00e4chen, Texte und Bilder mittig angeordnet:<\/p>\n Wenn wir jedoch zum Twenty Twenty-Three-Theme wechseln, kannst du sehen, dass die Schaltfl\u00e4che „<\/strong>Jetzt einkaufen“ <\/strong>falsch ausgerichtet ist:<\/p>\n Wenn du eine lokale Umgebung f\u00fcr deinen Test einrichtest, kannst du visuelle Anomalien wie diese aufsp\u00fcren.<\/p>\n Eine weitere wichtige Methode, um deine WordPress-Website zu testen, ist die \u00dcberpr\u00fcfung der aktuellen Geschwindigkeit deiner Website. In diesem Abschnitt gehen wir auf sechs Punkte ein, mit denen du die Leistung deiner Website testen kannst.<\/p>\n Vor diesem Hintergrund kann es hilfreich sein, mit Kinsta APM<\/a> zu beginnen. Mit unserem Application Performance Monitoring Tool ist es ganz einfach, WordPress-Leistungsprobleme zu erkennen:<\/p>\n Du erh\u00e4ltst zum Beispiel Einblick in alle PHP-Prozesse, MySQL-Datenbankabfragen und externen HTTP-Aufrufe<\/a>. Dadurch bist du in der Lage, lange API-Aufrufe, langsame Datenbankabfragen und nicht optimierten Plugin- und Theme-Code besser zu erkennen.<\/p>\n Das Beste daran ist, dass Kinsta APM in allen Kinsta-Tarifen kostenlos ist und du direkt von deinem MyKinsta-Dashboard aus auf das Tool zugreifen kannst. Insgesamt ist es eine einfach zu bedienende L\u00f6sung, die dir hilft, die Leistung und die Ladezeiten deiner Website zu verbessern.<\/p>\n Um sicherzustellen, dass deine Website auf h\u00f6chstem Niveau funktioniert, kannst du WordPress auf langsame Abfragen und Skripte testen. Langsame Abfragen und Skripte wirken sich auf die Gesamtgeschwindigkeit deiner Seite aus und machen deine Website weniger effizient.<\/p>\n Der einfachste Weg, langsame Abfragen und Skripte zu erkennen, ist die Aktivierung von Kinsta APM. Wenn du ein Kinsta-Kunde bist, kannst du das Tool kostenlos nutzen. Du musst es jedoch \u00fcber dein MyKinsta-Dashboard aktivieren.<\/p>\n Logge dich dazu einfach in dein Konto ein und w\u00e4hle die Website aus, auf der du das APM-Tool nutzen m\u00f6chtest. Navigiere nun zum Reiter APM <\/strong>und klicke auf Aktivieren<\/strong>:<\/p>\n Dann musst du die Dauer ausw\u00e4hlen, f\u00fcr die du das Tool nutzen willst. Da das APM-Tool Serverressourcen verbraucht, kann es sich auf die Leistung deiner Website auswirken. Daher ist es am besten, das Tool nur f\u00fcr den Zeitraum zu aktivieren, in dem du aktiv an der Behebung eines Leistungsproblems arbeitest.<\/p>\n Triff deine Wahl und klicke auf \u00dcberwachungszeit einschalten<\/strong>:<\/p>\n Es kann ein paar Minuten dauern, bis das Tool Daten \u00fcber deine Website gesammelt hat. Wechsle danach auf die Registerkarte Datenbank <\/strong>und suche den Abschnitt Langsamste Datenbankabfragen <\/strong>:<\/p>\n Hier findest du die zehn langsamsten Datenbankabfragen auf deiner Website. Wenn du auf eine Abfrage klickst, kannst du dir auch die Transaktionsmuster ansehen:<\/p>\n Auf diese Weise kannst du mehr Informationen \u00fcber die Probe, die Zeitleiste, die Spandetails und den Stacktrace herausfinden.<\/p>\n Schlecht programmierte Plugins k\u00f6nnen nicht nur die Sicherheit deiner WordPress-Website beeintr\u00e4chtigen, sondern auch die Leistung. Deshalb ist es wichtig, dieses Problem so schnell wie m\u00f6glich zu erkennen.<\/p>\n Auch hier kannst du das Kinsta APM-Tool verwenden, um langsame Plugins zu identifizieren. Sobald du das Tool in deinem MyKinsta-Dashboard aktiviert hast, navigiere zum Reiter APM <\/strong>. Wechsle dann zu WordPress<\/strong>:<\/p>\n Der erste Bereich, den du siehst, ist Langsamste WordPress-Plugins<\/strong>. Die langsamsten aufgezeichneten Plugins werden oben im Abschnitt aufgelistet.<\/p>\n Um mehr Informationen \u00fcber die Leistungsprobleme zu erhalten, klicke auf eines der aufgelisteten Plugins. Dadurch werden die Transaktionsbeispiele geladen, die das Plugin ausgef\u00fchrt hat. Du kannst dir zum Beispiel den Zeitstempel, die Zeitleiste der Transaktionsverfolgung, die Details der Spanne, die Zeitleiste der Verfolgung und vieles mehr ansehen.<\/p>\n Es ist auch wichtig, WordPress auf langsame Seiten zu testen, da dies zu einer schlechten UX f\u00fchren kann. Au\u00dferdem ist die Seitengeschwindigkeit ein Rankingfaktor f\u00fcr Suchmaschinen wie Google<\/a>.<\/p>\n Du kannst ein kostenloses Website-Geschwindigkeitstest-Tool wie Pingdom<\/a> oder PageSpeed Insights<\/a> verwenden, um eine schnelle Bewertung der Seitengeschwindigkeit zu erhalten. Mit dem APM-Tool von Kinsta kannst du jedoch einen genaueren Einblick in die Geschwindigkeit deiner Seite gewinnen.<\/p>\n Sobald du Kinsta APM aktiviert hast, dauert es ein paar Sekunden, bis die Leistungskennzahlen deiner Website geladen sind. Gehe danach auf den Reiter Transaktionen <\/strong>:<\/p>\n Hier siehst du einige Daten \u00fcber die gesamte Transaktionszeit deiner Website. Du kannst aber auch nach unten zu Langsamste Transaktionen <\/strong>scrollen, um die PHP-Prozesse zu sehen, die die meiste Transaktionszeit ben\u00f6tigen:<\/p>\n Wenn du eine Transaktion ausw\u00e4hlst, kannst du die URL herausfinden, die sie erzeugt. Klicke dann auf die URL, um die Zeitleiste der Transaktionsverfolgung<\/strong> anzuzeigen:<\/p>\n Auf diese Weise kannst du die Zeitspanne finden, die am meisten Zeit in Anspruch nimmt. Wenn diese Zeitspannen als kritisch f\u00fcr deine Leistung eingestuft werden, werden sie in der Regel orange oder rot hervorgehoben.<\/p>\n Caching ist eine einfache Methode, um deine Ladezeiten zu verbessern. Dabei werden Kopien deiner Website auf dem Server gespeichert. Wenn ein Nutzer deine Seite aufruft, kann dein Server die im Cache gespeicherte Version anzeigen, so dass die Daten viel schneller \u00fcbertragen werden k\u00f6nnen.<\/p>\n Bei Kinsta erh\u00e4ltst du Zugang zum Server-Level-Caching<\/a>, das automatisch auf allen Live-Websites aktiviert ist. Wenn du jedoch eine Staging-Umgebung verwendest, musst du den Cache manuell aktivieren.<\/p>\n Klicke in deinem MyKinsta-Dashboard auf WordPress-Sites <\/strong>und w\u00e4hle deine Website aus. Dann navigierst du zu Tools <\/strong>und klickst unter Site Cache<\/strong> auf Enable<\/strong>:<\/p>\n Der einfachste Weg, dein Caching zu testen<\/a>, ist, deine Website mit einem Web-Speed-Test-Tool wie Pingdom<\/a> zu testen. Es ist jedoch wichtig, dass du den Test mehr als einmal durchf\u00fchrst. Denn wenn du ihn nur einmal durchf\u00fchrst, kann es sein, dass der Inhalt noch nicht auf dem Server des Hosts oder im CDN zwischengespeichert ist.<\/p>\n Gib deine URL in das URL-Feld <\/strong>bei Pingdom ein und w\u00e4hle einen Ort aus. Suche nun unter Response Headers<\/strong> nach x-kinsta-cache<\/strong>. Wenn hier MISS<\/strong> steht, wird deine Website nicht aus dem Cache geladen.<\/p>\n Um das zu beheben, musst du deine Website noch ein paar Mal durch den Pingdom-Test laufen lassen. Dies sollte dazu f\u00fchren, dass die x-kinsta-cache <\/strong>und x-cache <\/strong>Header einen HIT<\/strong> registrieren. Jetzt \u00fcberpr\u00fcfst du die Ergebnisse und schaust auf den gro\u00dfen gelben Balken, der die Wartezeit oder Time to First Byte (TTFB) anzeigt.<\/p>\n Diese Zahl ist in der Regel hoch, wenn eine Seite nicht aus dem Cache gekommen ist. Auch hier empfiehlt es sich, den Test einmal mit deaktiviertem und dann noch einmal mit aktiviertem Cache durchzuf\u00fchren, um den Unterschied deutlich zu sehen.<\/p>\n Ein Content Delivery Network (CDN)<\/a> erm\u00f6glicht es dir, deine Ladezeiten zu verbessern, indem es deine Webseiten \u00fcber einen Server ausliefert, der physisch n\u00e4her bei deinen Besuchern steht. Mit allen Kinsta-Tarifen erh\u00e4ltst du Zugang zu einem von Cloudflare betriebenen CDN<\/a>.<\/p>\n Bei neuen Websites ist das CDN standardm\u00e4\u00dfig aktiviert. Du kannst aber \u00fcberpr\u00fcfen, ob dein CDN aktiviert ist, indem du dich in dein MyKinsta-Dashboard einloggst.<\/p>\n Gehe zu WordPress Sites <\/strong>und w\u00e4hle den Namen deiner Website aus. Klicke auf den Reiter CDN <\/strong>und dann auf Aktivieren<\/strong>. Wenn du Deaktivieren<\/strong> siehst, wei\u00dft du, dass das CDN aktiv ist:<\/p>\n Um dein CDN zu testen, ist es am einfachsten, ein Tool zum Testen der Website-Geschwindigkeit zu verwenden. Aber zuerst ist es eine gute Idee, die HTTP-Header eines statischen Assets zu \u00fcberpr\u00fcfen, um sicherzustellen, dass es vom Kinsta CDN geladen wird.<\/p>\n Du kannst dies mit dem Inspect Tool deines Browsers oder mit unserem kostenlosen HTTP-Status- und Redirect-Checker<\/a> \u00fcberpr\u00fcfen. Jetzt musst du ein Tool zum Testen der Website-Geschwindigkeit ausw\u00e4hlen, z. B. Pingdom:<\/p>\n Du kannst den ersten Test durchf\u00fchren, nachdem du das CDN abgeschaltet hast. Dann kannst du deine Website mit aktiviertem CDN erneut testen, um den Unterschied zu sehen. Au\u00dferdem solltest du dein CDN von verschiedenen Standorten aus testen.<\/p>\n Wenn dein Test abgeschlossen ist, solltest du dir die Anfragen ansehen, die vom Kinsta CDN (xxxxkinstacdn.com)<\/em> geladen werden. Ausf\u00fchrliche Informationen zu diesem Thema findest du in unserem Beitrag \u00fcber die Durchf\u00fchrung eines CDN-Tests<\/a>.<\/p>\n Entgegen der landl\u00e4ufigen Meinung gibt es einen wichtigen Unterschied zwischen Geschwindigkeitstests und Lasttests<\/a>. Bei Geschwindigkeitstests wird im Wesentlichen die Ladezeit einer Seite gemessen, einschlie\u00dflich der MySQL- und PHP-Antwortzeiten.<\/p>\n Andererseits bieten Lasttests eine feinere Granularit\u00e4t als Geschwindigkeitstests. Er kann zum Beispiel dazu verwendet werden, die Ladezeiten in bestimmten Situationen zu messen, z. B. wenn deine Website von einem hohen Verkehrsaufkommen betroffen ist.<\/p>\n Das Einrichten eines Lasttests ist ziemlich komplex. Deshalb kann es eine gute Idee sein, einen Entwickler um Hilfe zu bitten. Wenn du einen Lasttest f\u00fcr deine Kinsta-Website durchf\u00fchren m\u00f6chtest, wende dich an einen Mitarbeiter unseres Support-Teams<\/a>.<\/p>\n Wenn du WordPress testest, musst du sicherstellen, dass die gesamte Software auf deiner Website sicher ist. Das betrifft nicht nur die WordPress-Kernsoftware, die die Plattform nutzt, sondern auch die Sicherheit von Themes und Plugins.<\/p>\n Das Testen von Themes und Plugins kann sogar noch wichtiger sein, da sie nicht immer aus einer seri\u00f6sen Quelle stammen. Wenn du Themes und Plugins von Drittanbieter-Websites installierst, gibt es keine M\u00f6glichkeit zu \u00fcberpr\u00fcfen, ob die Software alle erforderlichen Sicherheitspr\u00fcfungen durchlaufen hat.<\/p>\n Das hei\u00dft, das Plugin oder Theme k\u00f6nnte schlecht programmiert sein oder sogar b\u00f6sartige Skripte oder Fehler enthalten, die deine Website besch\u00e4digen<\/a>\u00a0k\u00f6nnen. Au\u00dferdem ist es wichtig, dass du die Software auf deiner Website immer auf dem neuesten Stand h\u00e4ltst, denn veraltete Software kann als Hintert\u00fcr f\u00fcr b\u00f6swillige Akteure genutzt werden, um sich Zugang zu verschaffen.<\/p>\n Obwohl WordPress eine sichere Plattform ist, ist sie nicht immun gegen Cyberangriffe. Deshalb ist es wichtig, dass du die Sicherheit deiner Kernsoftware regelm\u00e4\u00dfig \u00fcberpr\u00fcfst.<\/p>\n Eine der besten M\u00f6glichkeiten, deine Kernsoftware zu sch\u00fctzen, ist die Entscheidung f\u00fcr einen guten Webhoster. Bei Kinsta<\/a> bekommst du zum Beispiel Zugang zu DDoS-Schutz, Firewalls und Malware-Scans. Au\u00dferdem haben wir ein spezielles Malware-Entfernungsteam<\/a> vor Ort. Selbst wenn deine Website infiziert wird, k\u00f6nnen wir sie wieder in ihren urspr\u00fcnglichen Zustand versetzen.<\/p>\n Wenn ein neues WordPress-Update ver\u00f6ffentlicht wird, kannst du es auf jeden Fall zuerst auf seine Sicherheit testen, indem du es auf einer Staging-Seite oder in einer lokalen Umgebung ausf\u00fchrst.<\/p>\n Bei Kinsta ist das ganz einfach. Du musst nur zu WordPress Sites <\/strong>navigieren und deine Website aus der Liste ausw\u00e4hlen. Stelle dann sicher, dass deine Website auf Staging <\/strong>eingestellt ist, wenn du das Update ausf\u00fchrst.<\/p>\n Wenn du sicher bist, dass die neue WordPress-Version sicher ist, kehrst du zu diesem Bildschirm zur\u00fcck und klickst auf Push environment <\/strong>> Push to LIVE <\/strong>, um die \u00c4nderung zu \u00fcbernehmen:<\/p>\n Triff deine Wahl (zwischen Dateien oder Datenbank) und best\u00e4tige deine Entscheidung mit einem Klick auf Push to live<\/strong>.<\/p>\n Wenn du ein neues Theme findest, das du installieren m\u00f6chtest, aktivierst du es am besten in einer lokalen Entwicklungsumgebung oder auf deiner Staging-Site. Das Gleiche gilt, wenn ein bestehendes Theme auf deiner Seite ein Update ver\u00f6ffentlicht.<\/p>\n Die meisten Theme-Updates enthalten Patches f\u00fcr Sicherheitsprobleme. Es kann aber auch passieren, dass du ein schlechtes Update bekommst, das mit einer anderen Software auf deiner Website kollidiert.<\/p>\n Wenn es sich um ein Theme handelt, das du noch nie benutzt hast (und du die Entwickler nicht kennst), ist es viel sicherer, das Theme in einer lokalen Umgebung zu installieren. Das bedeutet, dass selbst wenn das Theme deine Website besch\u00e4digt, deine Live-Website davon nicht betroffen ist.<\/p>\n Wenn du Kinsta-Kunde bist, kannst du also eine Testseite einrichten. Wenn deine Website nicht bei Kinsta gehostet wird, kannst du auch kostenlos mit DevKinsta eine lokale Entwicklungsumgebung einrichten.<\/p>\n Wenn du DevKinsta auf deinem Computer ge\u00f6ffnet hast, rufe die Seite Site Info <\/strong>auf. Hier klickst du auf WP Admin<\/strong>:<\/p>\n Dann installierst und aktivierst du das Theme, wie du es normalerweise in WordPress tun w\u00fcrdest. Normalerweise ist es eine gute Idee, mindestens eine Woche zu warten, bevor du das Theme auf deiner Live-Website installierst (das gilt auch f\u00fcr ein neues Theme-Update).<\/p>\n Wenn du jedoch die Sicherheit eines bestehenden Themes auf deiner Website \u00fcberpr\u00fcfen m\u00f6chtest, ist es am einfachsten, einen Sicherheitsscanner zu verwenden. WPScan<\/a> ist eine gro\u00dfartige Option, die alle Sicherheitsl\u00fccken in deinen WordPress-Themes aufsp\u00fcrt.<\/p>\n Auch Plugins k\u00f6nnen eine Gefahr f\u00fcr die Sicherheit deiner Website darstellen. Deshalb ist es eine gute Praxis, die Sicherheit deiner Plugins regelm\u00e4\u00dfig zu \u00fcberpr\u00fcfen.<\/p>\n Wie bereits erw\u00e4hnt, kannst du ein neues Plugin (oder ein Plugin-Update) in einer lokalen Umgebung oder auf einer Staging-Seite installieren. Auf diese Weise bleibt deine Live-Site intakt, falls etwas schief geht.<\/p>\n Wie bei Themes kann es aber auch n\u00fctzlich sein, einen Schwachstellen-Scanner wie WPScan zu installieren. Die Nutzung dieses Tools ist v\u00f6llig kostenlos. Alles, was du tun musst, ist, dich f\u00fcr ein Konto zu registrieren. Dann kannst du das API-Token zu deiner WordPress-Seite hinzuf\u00fcgen.<\/p>\n Sobald der Scanner mit deiner Website verkn\u00fcpft ist, navigierst du zu WPScan <\/strong>> Einstellungen <\/strong>, wo du automatische t\u00e4gliche oder st\u00fcndliche Scans einrichten kannst:<\/p>\n Oder klicke auf die Registerkarte Bericht <\/strong>, um einen manuellen Test durchzuf\u00fchren. Sobald der Test abgeschlossen ist, scrolle nach unten zum Abschnitt Plugins <\/strong>:<\/p>\n Hier kannst du eine vollst\u00e4ndige Liste aller Plugins auf deiner Website sehen. Wenn deine Plugins sicher sind, siehst du ein H\u00e4kchen neben jedem Plugin-Namen. Andernfalls findest du einige Informationen in der Spalte „Schwachstellen<\/strong>„.<\/p>\n Nat\u00fcrlich kannst du deine Webseiten optimieren und alle notwendigen Sicherheitsma\u00dfnahmen ergreifen, um eine erfolgreiche Website zu betreiben. Der beste Weg, um sicherzustellen, dass deine Website sicher und schnell ist, ist jedoch, einen guten Webhoster zu w\u00e4hlen.<\/p>\n Bei Kinsta legen wir gro\u00dfen Wert auf Geschwindigkeit und Sicherheit:<\/p>\n Alle unsere Angebote werden auf den besten CPUs mit globaler Verf\u00fcgbarkeit gehostet. Au\u00dferdem erh\u00e4ltst du Zugang zu Kinstas Cloudflare-gest\u00fctztem CDN mit Servern an \u00fcber 300+ Standorten.<\/p>\n F\u00fcr alle, die sich um die Sicherheit im Internet sorgen, bietet Kinsta eine Vielzahl von Funktionen, um deine Website zu sichern. Du kannst t\u00e4gliche Backups, Malware-Scans, DDoS-Schutz und Firewalls erwarten. Au\u00dferdem bieten wir einen sicheren SSH-Zugang<\/a> und du kannst mit nur einem Klick ein kostenloses SSL-Zertifikat installieren.<\/p>\n Ohne deine WordPress-Website zu testen, kannst du nicht richtig verstehen, wie die Nutzer deine Website erleben. Wer zum Beispiel bestimmte Browser benutzt, hat vielleicht Probleme mit deinem Men\u00fc. Mobile Besucher k\u00f6nnen mit langen Wartezeiten konfrontiert sein. Deshalb ist es wichtig, deine WordPress-Website zu testen.<\/p>\n Am besten testest du deine Website, indem du eine Staging-Site einrichtest oder mit DevKinsta<\/a> eine lokale Umgebung erstellst. So erh\u00e4ltst du Einblicke in die Funktionalit\u00e4t, Leistung und Sicherheit deiner Website (ohne dein Live-Web-Erlebnis zu st\u00f6ren).<\/p>\n Ein bisschen zus\u00e4tzliche Sicherheit kann aber nie schaden. Eine der einfachsten M\u00f6glichkeiten, um sicherzustellen, dass deine Website jederzeit reibungslos l\u00e4uft, ist die Entscheidung f\u00fcr einen hochwertigen Webhoster wie Kinsta. Schau dir unsere Tarife an<\/a>, um loszulegen!<\/p>\n","protected":false},"excerpt":{"rendered":"Was sind die g\u00e4ngigsten Arten von Tests?<\/h2>\n
\n
Best Practices f\u00fcr WordPress-Tests<\/h2>\n
Wie du Testumgebungen einrichtest<\/h3>\n
So richtest du eine Testumgebung mit einer Staging-Site ein<\/h4>\n
![\"Eine](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/kinsta-staging.jpg\")
Wie du eine lokale Testumgebung einrichtest<\/h4>\n
![\"Verwende](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/DevKinsta.png\")
![\"Eine](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/devkinsta-create-local-site.png\")
So testest du die Funktionalit\u00e4t deiner WordPress-Website (5 Funktionen)<\/h2>\n
Cross-Browser-Unterst\u00fctzung<\/h3>\n
![\"BrowserStack](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/BrowserStack.png\")
Unit-Tests<\/h3>\n
bash\nwp scaffold plugin-tests my-plugin<\/code><\/pre>\nbash\nbash bin\/install-wp-tests.sh wordpress_test root '' localhost latest<\/code><\/pre>\n\/tmp directory<\/code> und in den WordPress Unit Testing Tools.<\/p>\nphpunit<\/code> aus. Eine ausf\u00fchrliche Anleitung findest du in diesem Leitfaden zu Unit-Tests<\/a>.<\/p>\nResponsivit\u00e4t f\u00fcr Mobilger\u00e4te\/Desktop<\/h3>\n
![\"Der](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/preview-mobile.png\")
![\"Teste](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/inspect-tool.png\")
![\"Klicke](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/device-toolbar.png\")
![\"Betrachte](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/preview-mobile-chrome.png\")
Testen der Benutzeroberfl\u00e4che (UI)<\/h3>\n
![\"Erstelle](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/create-menu-local.png\")
![\"Dein](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/manage-live-preview-menu.png\")
![\"Teste](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/ui-front-end.png\")
![\"Testmen\u00fc-Links](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/test-ui-menu.png\")
Visuelle Tests<\/h3>\n
![\"DevKinsta](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/theme-vrt.png\")
![\"Erkenne](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/vrt-after.png\")
Wie du die Geschwindigkeit deiner WordPress-Website testest (6 \u00dcberlegungen)<\/h2>\n
![\"Homepage](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/kinsta-apm-tool.png\")
Langsame Abfragen oder Skripte<\/h3>\n
![\"Aktiviere](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/enable-apm.png\")
![\"Aktiviere](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/apm-monitoring-time.png\")
![\"Die](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/apm-database.png\")
![\"Transaktionsbeispiele](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/apm-samples.png\")
Langsame Plugins<\/h3>\n
![\"Teste](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/apm-wordpress.png\")
Langsame Seiten<\/h3>\n
![\"Teste](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/apm-transactions.png\")
![\"Langsamste](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/slowest-transactions.png\")
![\"Zeitleiste](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/transaction-trace-timeline.png\")
Caching<\/h3>\n
![\"Aktiviere](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/kinsta-cache.png\")
Content Delivery Network (CDN)<\/h3>\n
![\"Aktiviere](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/kinsta-cdn.png\")
![\"Pingdom](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/pingdom-speed-test.png\")
Lasttests<\/h3>\n
Wie du die Sicherheit deiner WordPress-Website testest<\/h2>\n
Kernsicherheit<\/h3>\n
![\"\u00c4nderungen](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/devkinsta-site-info.jpg\")
Theme-Sicherheit<\/h3>\n
![\"Lokale](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/devkinsta-site-info-1.jpg\")
Plugin-Sicherheit<\/h3>\n
![\"Teste](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/wpscan-automated-scans.png\")
![\"Finde](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/wpscan-plugin-security.png\")
Geschwindigkeit und Sicherheit sind am besten, wenn du das richtige Hosting w\u00e4hlst<\/h2>\n
![\"Kinsta](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/kinsta-home.png\")
Zusammenfassung<\/h2>\n