15 Checklistenpunkte für Ihre TYPO3-Tests

FYI. This blog is translated by machine. Please ignore any spelling and grammar errors; sorry for such inconvenience. We appreciate your understanding and support.

Sind Sie mit der TYPO3-Entwicklung Ihrer Website fertig und ist Ihre TYPO3-Website einsatzbereit? Herzlichen Glückwunsch! Warten Sie, bevor Sie loslegen, wissen Sie, was DoD - Definition von "fertig" ist? Bevor Sie Ihre TYPO3-Website starten, sollten Sie ein DoD mit QC (Quality Checklist) und QA (Quality Assurance) TYPO3-Tests Ihrer Website in Betracht ziehen.

In unserer ein Jahrzehnt langen Erfahrung in der TYPO3-Entwicklung haben viele unserer Kunden Qualitätsprobleme mit TYPO3-Agenturen, die sich nicht an DoD halten. Was sind die besten Methoden, um ein grünes Signal zu erhalten, um Ihre TYPO3-Website live zu schalten? Wenn Ihre Website live geschaltet ist, können Sie Ihre tolle Zeit mit Ihren Freunden und Ihrer Familie genießen :) Team T3Planet entwickelt und pflegt viele TYPO3 extensions and TYPO3 templates, und es liegt in unserer alleinigen Verantwortung, die Qualität zur Zufriedenheit unserer Kunden aufrechtzuerhalten.

In unserem Produktionsteam haben wir in jeder Abteilung, wie z.B. für die Frontend-Entwicklung, TYPO3 Template-Integration, TYPO3 Extension-Entwicklung, etc., eine starke Checkliste erstellt. Und am Ende kümmert sich unser TYPO3 QA-Testteam auch um eine gute Wartung und den Einsatz des Endprodukts.

An dieser Stelle möchten wir Ihnen eine detaillierte Liste der TYPO3-Test-Checkliste vorstellen, die in unserem täglichen Lebenszyklus bei der TYPO3-Produktentwicklung zum Einsatz kommt.

Punkte für Ihre TYPO3-Tests

#1 Checkliste für TYPO3-Server-Kompatibilität

Stellen Sie sich vor, Sie haben drei lokale Server, einen Staging- und einen Produktionsserver. Es besteht die Möglichkeit, dass Ihr Produktionsserver nicht mit Ihrer TYPO3-Version kompatibel ist. Z.B., PHP-Version.

Es ist immer eine gute Praxis, die gesamte Kompatibilität zwischen Ihrem TYPO3 CMS und Ihrem Server zu überprüfen. Sie können eines unserer kleinen PHP-Skripte verwenden ns_typo3_compatibility leicht zu überprüfen.

Checkliste für TYPO3-Server-Kompatibilität

#2 Checkliste für das TYPO3-Bereitstellungssystem

Um Ihre TYPO3-Website für eine zögerliche und reibungslose Bereitstellung zu pflegen, empfehlen wir Ihnen, ein automatisches Bereitstellungssystem einzurichten.

Es wäre schön, ein Deployment-System zu haben, um Ihre Änderungen von einem Test-Server auf einen Live-Server zu verteilen.

Je nach Ihren Bedürfnissen können Sie eine Reihe von Stufen für Ihren Einsatz definieren. Wir richten immer die folgenden Mindestschritte für die Entwicklung der TYPO3-Website ein.

Lokaler Server, auf dem Frontend- & TYPO3-Entwickler ihren Code vervollständigen.
Staging System, wo das QA-Testteam die gesamte TYPO3-Website ausprobiert. Außerdem haben Kunden die Möglichkeit, sowohl testgetriebene als auch genehmigte Änderungen live durchzuführen.
Produktionssystem, Hier wird Ihre Website live geschaltet.

#3 Checkliste für Cross-Browser-Tests

Ihre TYPO3-Website sollte mit allen gängigen Browsern gut getestet sein.

Google Chrome
Firefox
Internet Explorer
Edge
Safari

Um Zeit und produktive Tests zu sparen, können Sie eines der beliebten Online-Tools in Betracht ziehen BrowserStack.

Da in jedem Browser mehrere Versionen verfügbar sind, können Sie sicherstellen, dass Ihre TYPO3-Website mit den letzten beiden Versionen jedes Browsers gut funktioniert.

#4 Checkliste für geräteübergreifende Tests

Um Ihren Kunden das beste Erlebnis zu bieten, sollte Ihre TYPO3-Website auf allen gängigen Geräten wie folgt perfekt funktionieren.

iPhone
iPad
Android
Windows Device

Plattformübergreifende Werkzeuge und Techniken

Blisk	Probieren Sie den Blisk-Browser aus, der speziell für Entwickler und Tester konzipiert ist.
Emmet	Sind Sie es leid, mit F12 reaktionsfähige Ansichten zu wechseln? Emmet Re:view hilft Ihnen, alle reaktionsfähigen Ansichten gleichzeitig zu testen.
Responsive Tool	Es ist ein ähnliches Tool wie Emmet Re:view, versuchen Sie es.

#5 Checkliste für UI/UX-Entwurfstests

Es ist sehr wichtig, dass das Endergebnis Ihrer TYPO3-Website 1:1 dem Design entspricht, das von Ihrem UI/UX-Grafikdesigner erstellt wurde.

Viele unserer Kunden wünschen sich folgende besondere Betreuung, um die wir uns jederzeit gerne kümmern.

Pixelgenaue 1:1-Abgleichung des Designs
Strikte Befolgung des Styleguides auf der gesamten Website
Perfekte Abstimmung von Ausrichtung und Abstand
etc,

Entwurfsprüfwerkzeuge und -techniken

Perfect Pixel	Wollen Sie pixelgenaue Designtests? Es ist ein großartiges Werkzeug.
Ruler	Ein einfaches Werkzeug zum Messen beliebiger Teile einer Seite.
Dimension Display	Diese Erweiterung zeigt die innere Breite und innere Höhe des Bildschirms
CSS Viewer	Ein einfacher Betrachter für CSS-Eigenschaften.
Magnifying Glass	Mit der Lupe können Sie einen kleinen Ausschnitt der Seite mit einem Klick auf eine Schaltfläche einfach vergrößern.
Web Developer	Die Web Developer-Erweiterung fügt verschiedene Webentwickler-Tools zu einem Browser hinzu.
ColorPick	Color Pick ist ein erstaunlicher Eye Dropper, der durch seine einzigartige vergrößerte Vorschau eine präzise Auswahl von Farbwerten ermöglicht!

#6 Checkliste für TYPO3-Sicherung und -Wiederherstellung

Source

Wer weiss, was morgen passiert? Vielleicht stürzt Ihr Server ab, oder vielleicht wird Ihr Server gehackt, löscht Dateien als menschliche Fehler und so weiter. Stellen Sie sicher, dass Sie regelmäßig TYPO3-Backups erstellen und das System wiederherstellen.

Sie sollten die folgenden Best-Practice-Regeln für TYPO3-Backups befolgen.

Sie sollten ein tägliches Backup Ihrer TYPO3-Datenbank haben.
Sie sollten ein wöchentliches oder monatliches Backup Ihres TYPO3-Codes haben
Sollte ein automatisches TYPO3-Backup-System anstelle eines manuellen Backups einrichten
Sollte die Wartung mit Git-Versionierung durchführen
Sollte Ihren Backup-Server sichern
Sollte Wiederherstellungstests mit Ihren Sicherungsdateien durchführen
Sollte die 3-2-1-Sicherungsrichtlinie in Betracht ziehen
Sollte auch ein Backup der E-Mail-Konten mitnehmen

#7 Checkliste für Funktionstests

Source

Wenn Ihre TYPO3-Website über größere Funktionen verfügt, wie z.B. eigene TYPO3-Erweiterungen oder Module mit Shop, Mitgliedschaft, Zahlungsintegration usw., mit denen der Benutzer in Echtzeit interagieren kann. Bitte ziehen Sie die folgenden Funktionstests von TYPO3 in Betracht.

Arten von Funktionstests mit TYPO3

Prüfung von Einheiten
Integrationsprüfung
Systemprüfung
Zurechnungsfähigkeitsprüfung
Prüfung der Schnittstelle
Regressionstests
Beta/Annahmetests

Nicht-funktionales Testen von TYPO3

Leistungsprüfung
Lastprüfung
Volumenprüfung
Sicherheitsprüfung
Testen installieren
Zuverlässigkeitsprüfung
Konformitätsprüfung
Lokalisierungstests

Werkzeuge und Techniken zur Funktionsprüfung

Dummy Form Filler	Mit einem Klick können HTML-Formulare mit Dummy-Daten gefüllt werden. Funktioniert sofort nach dem Auspacken.
Bug Magnet	Fügt häufige problematische Werte und Randfälle zum Kontextmenü (Rechtsklick) für editierbare Elemente hinzu, so dass Sie sie griffbereit halten und während explorativer Testsitzungen leicht darauf zugreifen können.
Postman	Postman ist eine Kollaborationsplattform für die API-Entwicklung. Die Funktionen von Postman vereinfachen jeden Schritt beim Aufbau einer API und rationalisieren die Zusammenarbeit, so dass Sie bessere APIs schneller erstellen können.
Hreflang Tag Checker	Der Hreflang Tag Checker wurde entwickelt, um den Prozess der Überprüfung der Hreflang-Tag-Bereitstellung einer Website zu automatisieren. Das Tool liest die Hreflang-Tags einer URL aus und durchsucht sie dann, um festzustellen, ob sie auf Ihre aktuelle URL verweisen.
Magnifying Glass	Selenium automatisiert Browser. Das ist es! Was Sie mit dieser Leistung machen, liegt ganz bei Ihnen.

#8 Checkliste für die Benutzerfreundlichkeit des TYPO3-Backends

Im Content Management System ist eine bessere Benutzerfreundlichkeit des Backends sehr wichtig. Sie müssen sich sicher sein, wie man TYPO3 so redakteursfreundlich gestalten kann, dass Seiten und Inhalte einfach hinzugefügt/bearbeitet werden können.

Denn schließlich sind die TYPO3-Redakteure die Menschen, die im täglichen Leben mit dem TYPO3-Backend interagieren werden. Hier sind die wenigen TYPO3-Checklisten, die Sie für Ihren TYPO3-Redakteur in Betracht ziehen sollten.

Sollte spezielle TYPO3-Backend-Editor Benutzergruppe und Benutzer
Sollte alle unnötigen Backend-Module ausblenden
Sollte leicht TYPO3 Backend-Layout und Frontend-Vorlagen erstellen
Sollten zögerungsfreie TYPO3-Inhaltselemente sein
Sollte in der Lage sein, TYPO3-Kernelemente zu konfigurieren
Sollte leicht mit selbst entwickelten TYPO3-Erweiterungen umgehen können
Und so weiter.

Unser aller Kostenlose & Premium-TYPO3-Vorlagen sind so konzipiert, dass TYPO3-Redakteure ihre Seiten und Inhalte einfach verwalten können.

#9 Checkliste für die Code-Überprüfung

Quelle: https://miro.medium.com/max/686/1*_H1YMh8YMC_FMBjaa9cQVw.png

Ihr technisches TYPO3-Team sollte ein gutes TYPO3-Code-Review-System vorbereiten. Zumindest sollten Sie die folgenden Code-Review-Punkte beachten.

Überprüfen Sie Code-Standards mit PHP PSR-2, TypoScript, YAML, XLIFF
Code-Standards mit TYPO3-Kern prüfen
Code-Einrückung prüfen
Code-Kommentare überprüfen
Codenamen-Konventionen überprüfen
Code-Bereinigung überprüfen
Prüfcode redundant
Code-Lokalisierung prüfen
Und so weiter.

#10 Checkliste für Geschwindigkeits- und Leistungstests

TYPO3 Geschwindigkeits- und Leistungstests

Kennen Sie das?

TYPO3 ist #1 Schnelleres TYPO3 CMS?

Auf die Geschwindigkeit Ihrer Website kommt es an! Wir haben einen umfassenden Blog über Geschwindigkeit und Leistung bei 45+ Ultimate Ways to Speed Up Your TYPO3 Performance geschrieben

Website Werkzeuge und Techniken zur Geschwindigkeitsprüfung

Pingdom	Pingdom Website Geschwindigkeitstest
Google Page Speed Insight	PageSpeed Insights analysiert den Inhalt einer Webseite und generiert dann Vorschläge, um diese Seite schneller zu machen.
GTMetrix	Wie schnell lädt Ihre Website? Finden Sie es mit GTmetrix heraus und sehen Sie, wie sich Ihre Website verhält, decken Sie auf, warum sie langsam ist und entdecken Sie Optimierungsmöglichkeiten.

#11 Checkliste für SEO-Tests

SEO ist sehr wichtig für Ihre TYPO3-Website. Sie sollten in Betracht ziehen, eine detaillierte Checkliste für TYPO3 SEO-Tests vorzubereiten und sicherzustellen, dass Sie diese auch umsetzen.

Besuchen Sie einen der beliebtesten TYPO3-Blogs 30 Ultimate TYPO3 SEO Tips & Techniques.

Website On-Page SEO-Tools und -Techniken

Check SEO Site Checkup	Suchmaschinen-Optimierung leicht gemacht
Check SEO Spider	Schreiender Frosch SEO-Spinne
Check SEO Analyzer	SEO Analyzer Wenn Sie Schwierigkeiten haben, mehr Besucher auf Ihre Website zu bekommen, könnte die Antwort in diesem KOSTENLOSEN Bericht liegen!
Check GA Checker	Überprüfen Sie Ihre gesamte Website mit einem Klick auf fehlenden Google Analytics- oder Google AdWords-Code
Robots.txt	robots.txt-Viewer, ich schaue mir gerne die robots.txt-Datei auf Websites an.
Sitemap.xml	Geben Sie einfach die URL Ihrer Website ein, um eine Sitemap zu erstellen
W3C Validator	W3C-Validierung von HTML und CSS
Broken Links Checker	HEADMasterSEO ist ein kleines Desktop-Programm (PC oder Mac), das URLs in großen Mengen schnell auf Statuscode, Umleitungsdetails, Antwortzeit, Antwortheader und HTTP-Header-Felder überprüfen kann.
AMP Validator	Prüft automatisch jede Seite auf AMP-Validierung. Der AMP-Validator prüft die aktuelle Seite daraufhin, ob es sich um eine AMP-Seite handelt, und führt sie dann durch den AMP-Validator und meldet die bestandene (grün) oder nicht bestandene (rot) Seite über das Erweiterungssymbol
Twitter Card Validator	Vorschau der Social-Media-Freigabe für Twitter prüfen
Facebook Sharing Debugger	Vorschau der Social-Media-Freigabe für Facebook prüfen
LinkedIn Post Inspector	Vorschau der Social-Media-Freigabe für LinkedIn prüfen
Verify 404 Error page	Prüfen Sie, ob die 404-Fehlerseite in Ihrer Website konfiguriert ist

#12 Checkliste für TYPO3-Sicherheitstests

Obwohl TYPO3 das sicherste OpenSource CMS ist, sollten wir uns um die Sicherheit kümmern, insbesondere um kundenspezifische Erweiterungen.

Sprechen Sie mit Ihrem TYPO3-Team zur Installation und Konfiguration dieser starken TYPO3-Sicherheitslösung unter Wie Sie Ihre TYPO3-Websites vor Hackerangriffen schützen können.

Noch eine Sache: TYPO3 hat ein großartiges, engagiertes Sicherheitsteam. Wenn Sie ein Sicherheitsproblem im TYPO3-Kern gefunden haben, können Sie sich unter https://typo3.org/community/teams/security/

Hier ist die Kurz-Checkliste zur Sicherung Ihrer TYPO3-Website.

Halten Sie Ihr TYPO3 mit der neuesten Hauptversion auf dem neuesten Stand
Ziehen Sie immer in Betracht, Sicherheitsaktualisierungen von TYPO3 sofort zu aktualisieren
Sichere Passwörter verwenden und häufig aktualisieren
Investieren Sie in einen Malware-Detektor
Seien Sie vorsichtig mit Ihrer Erlaubnis auf dem Server
TYPO3-SSL einrichten
XSS-Schwachstellen reduzieren
Reduzieren von SQL-Injection-Schwachstellen

Tools und Techniken zur Prüfung der Website-Sicherheit

TYPO3 Secure Web

Hierbei handelt es sich um ein Komponisten-Paket, das typo3/cms-composer-installers verwendet, das darauf abzielt, ein Web-Verzeichnis für TYPO3 zu erstellen, das nur die Eingabeskripte und Links zu öffentlichen Assets enthält. Keine Konfiguration, es werden keine Log-Dateien mehr offengelegt.

#13 Checkliste für TYPO3-Benutzerfreundlichkeitstests

Das Usability-Testing ist nichts anderes als die Überprüfung der Benutzerfreundlichkeit. Beim Usability-Testing wird der Ablauf einer Website getestet, damit ein neuer Benutzer die Anwendung leicht verstehen kann. Grundsätzlich wird beim Usability-Testing die Website-Navigation geprüft.

Arten von Usability-Testing-Methoden

Prüfung im Flur
Fern-Benutzbarkeitsprüfung
Expertenbewertung
Prüfung von Papierprototypen
Fragebögen und Interviews
Do-it-Yourself-Rundgang
Automatisierte Bewertung der Benutzerfreundlichkeit

Tools & Techniques

Hotjar	Hotjar ist ein Verhaltensanalyse- und Benutzer-Feedback-Service, der Ihnen hilft, das Verhalten der Benutzer Ihrer Website zu verstehen und deren Feedback durch Tools wie Heatmaps, Sitzungsaufzeichnungen und Umfragen zu erhalten.
What Users Do	Die WhatUserDeo-Plattform hilft Ihnen zu verstehen, wie Ihre Kunden mit Ihrer Website oder Ihrem Produkt interagieren
User Zoom	Umsetzbare UX-Einblicke für bessere digitale Erfahrungen
User Testing	Sehen, hören und sprechen Sie mit Ihren Kunden, während sie sich mit Ihren Produkten, Anwendungen und Botschaften beschäftigen. Treffen Sie bessere Entscheidungen. Bauen Sie mehr kundenorientierte Erlebnisse auf.
Usability Hub	UsabilityHub ist eine Forschungsplattform für Remote-Benutzer, die das Rätselraten bei Designentscheidungen erleichtert, indem sie diese mit realen Benutzern validiert.

#14 Checkliste zur GDPR-Konformität Ihrer TYPO3-Website

Die TYPO3-Gemeinschaft begann von Anfang an an der GDPR-Konformität von TYPO3 zu arbeiten. Stellen Sie sicher, dass Ihre TYPO3-Website gut mit allen Standards der GDPR/DSGVO kompatibel ist.

Schauen Sie sich unseren ausführlichen TYPO3-Blog zu GDPR an, und ergreifen Sie Maßnahmen für Ihre Website von

TYPO3 GDPR Essentials and Solutions.

#15 Checkliste für den Zustand des TYPO3-Systems

Vergewissern Sie sich, dass Ihr TYPO3 ohne Fehler und Warnungen funktioniert, es wird TYPO3 helfen, besser zu funktionieren.

Schritt 1. Gehen Sie zu System < Berichte

Schritt 2. Wählen Sie Status Report, um den gesamten Bericht über das TYPO3-System auszuwerten

Wenn Sie eine Warnung oder Fehler gefunden haben, wenden Sie sich an Ihren Systemadministrator oder das TYPO3-Team, um diese zu beheben.

Checkliste für den Zustand des TYPO3-Systems

Bonus!

Verwenden Sie die folgenden Werkzeuge und Techniken, um während der Tests Ihrer Website Screenshots und Videos zu erstellen.

Lightshot	Die schnellste Art, einen anpassbaren Screenshot zu machen
Record It	Schnelles Screencast-Video mit Gif-Unterstützung
IceCream Screen Recording	Icecream Screen Recorder ist eine benutzerfreundliche, kostenlose Software zur Bildschirmaufzeichnung, mit der Sie jeden beliebigen Bereich Ihres Bildschirms aufzeichnen oder als Screenshot speichern können.

Resümee!

Ich hoffe, es hat Ihnen Spaß gemacht und Sie haben Testwissen erhalten.

Bevor Sie Ihre TYPO3-Website in Betrieb nehmen, sollten Sie immer die 15 TYPO3-Test-Checklisten beachten, die die wichtigsten Punkte wie Sicherheit, Backup, Benutzerfreundlichkeit, Funktions- und Geschwindigkeitstests und vieles mehr beinhalten.

Kennen Sie eine spezielle Checkliste zum Testen von TYPO3-Websites? Bitte zögern Sie nicht, Ihre Fragen oder Vorschläge in das Kommentarfeld unten zu schreiben.

Viel Spaß beim Testen von TYPO3 :)

Do you need help to enhance your speed & performance?

Upto 90+ Google Page Speed Score
Advanced TYPO3 Speed Audit Report
10 Support hours

TYPO3 Performance GIG