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.
#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.
#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! |
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
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
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
#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.
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 :)
Post a Comment
- Superb list!! Thanks for the comprehensive list of web application testing check-list. I enjoy always reading every word. The best list so far.
Sanjay Chauhan
CTO - T3Planet & NITSANSanjay Chauhan, Mitbegründer von NITSAN (Preisgekrönte TYPO3 Agentur) und Pionier von T3Planet, dem ersten TYPO3 Shop weltweit.
Ein wahrer TYPO3-Fanatiker seit 2010.
Mit meinem umfangreichen technischen Wissen und…
More From Author