Wie stellen Sie sicher, dass Ihre Website ordnungsgemäß funktioniert?

Es gibt noch kein aktives Lernen. Bitte erwägen Sie einen Beitrag.

Wenn Sie wissen möchten, ob Ihre Website korrekt funktioniert, ist das Erste, was Sie tun sollten, Ihren Browser zu starten und die Seite aufzurufen, die Sie testen möchten.

Oje, wo ist das Bild?

Sehen wir uns unsere persönliche Website an, http://demozilla.examplehostingprovider.net/. Das Bild, das wir erwartet haben, wird nicht angezeigt!

Öffnen Sie das Firefox-Netzwerkwerkzeug (Tools ➤ Web Developer ➤ Network) und laden Sie die Seite neu:

Dort ist das Problem, diese "404" unten. "404" bedeutet "Ressource nicht gefunden", und deshalb haben wir das Bild nicht gesehen.

HTTP-Status

Server antworten mit einer Statusmeldung, wann immer sie eine Anforderung erhalten. Hier sind die häufigsten Status:

200: OK

Die angeforderte Ressource wurde geliefert.

301: Permanent verschoben

Die Ressource ist an einen neuen Ort verschoben worden. Sie werden dies nicht oft in Ihrem Browser sehen, aber es ist gut, über "301" Bescheid zu wissen, da Suchmaschinen diese Informationen häufig verwenden, um ihre Indizes zu aktualisieren.

304: Nicht modifiziert

Die Datei hat sich seit der letzten Anfrage nicht geändert, sodass Ihr Browser die Version aus seinem Cache anzeigen kann, was zu schnelleren Antwortzeiten und effizienterer Bandbreitennutzung führt.

403: Verboten

Sie dürfen die Ressource nicht anzeigen. Gewöhnlich hat dies mit einem Konfigurationsfehler zu tun (z.B. hat Ihr Hosting-Anbieter vergessen, Ihnen Zugriffsrechte auf ein Verzeichnis zu gewähren).

404: Nicht gefunden

Selbsterklärend. Wir werden unten besprechen, wie Sie dies beheben können.

500: Interner Serverfehler

Auf dem Server ist etwas schiefgelaufen. Vielleicht hat die serverseitige Sprache (PHP, .Net, etc.) aufgehört zu arbeiten, oder der Webserver selbst hat ein Konfigurationsproblem. Normalerweise ist es am besten, sich an den Support Ihres Hosting-Anbieters zu wenden.

503: Dienst nicht verfügbar

Gewöhnlich aufgrund einer kurzfristigen Systemüberlastung. Der Server hat ein Problem. Versuchen Sie es in kurzer Zeit erneut.

Als Anfänger, die unsere (einfache) Website überprüfen, werden wir am häufigsten mit 200, 304, 403 und 404 zu tun haben.

Behebung des 404

Was ist also schiefgelaufen?

Auf den ersten Blick scheint das von uns angeforderte Bild am richtigen Ort zu sein, aber das Netzwerk-Tool meldete eine "404". Es stellt sich heraus, dass wir einen Tippfehler in unserem HTML-Code gemacht haben: unicorn_pics.png statt unicorn_pic.png. Also korrigieren Sie den Tippfehler in Ihrem Code-Editor, indem Sie das src-Attribut des Bildes ändern:

Speichern Sie die Datei, pushen Sie zum Server und laden Sie die Seite in Ihrem Browser neu:

Da haben Sie es! Sehen wir uns die HTTP-Statuscodes noch einmal an:

• 200 für / und für unicorn_pic.png bedeutet, dass wir die Seite und das Bild erfolgreich erneut geladen haben.
• 304 für basic.css bedeutet, dass diese Datei sich seit der letzten Anfrage nicht geändert hat, sodass der Browser die Datei aus seinem Cache verwenden kann, anstatt eine neue Kopie zu erhalten.

Wir haben also den Fehler behoben und dabei ein paar HTTP-Statuscodes gelernt!

Die häufigsten Fehler, die wir finden, sind diese:

Tippfehler in der Adresse

Wir wollten http://demozilla.examplehostingprovider.net/ eingeben, haben aber zu schnell getippt und ein "l" vergessen:

Die Adresse kann nicht gefunden werden. In der Tat.

404-Fehler

Oft ist der Fehler nur ein Tippfehler, aber manchmal haben Sie vielleicht vergessen, eine Ressource hochzuladen, oder Ihre Netzwerkverbindung ist abgebrochen, während Sie Ihre Ressourcen hochgeladen haben. Überprüfen Sie zuerst die Rechtschreibung und Genauigkeit des Dateipfads, und wenn das Problem weiterhin besteht, laden Sie Ihre Dateien erneut hoch. Das wird das Problem wahrscheinlich beheben.

JavaScript-Fehler

Jemand (möglicherweise Sie selbst) hat ein Skript zur Seite hinzugefügt und einen Fehler gemacht. Dies wird das Laden der Seite nicht verhindern, aber Sie werden spüren, dass etwas schiefgelaufen ist.

Öffnen Sie die Konsole (Tools ➤ Web developer ➤ Web Console) und laden Sie die Seite neu:

In diesem Beispiel erfahren wir (ganz eindeutig), worin der Fehler besteht, und können ihn beheben (wir werden JavaScript in einer anderen Serie von Artikeln behandeln).

Wir haben einige einfache Möglichkeiten aufgelistet, um zu überprüfen, ob Ihre Website ordnungsgemäß funktioniert, sowie die häufigsten Fehler, auf die Sie stoßen können, und wie man sie behebt. Sie können auch testen, ob Ihre Seite diese Kriterien erfüllt:

Wie ist die Leistung?

Lädt die Seite schnell genug? Ressourcen wie WebPageTest.org oder Browser-Add-ons wie YSlow können Ihnen einige interessante Dinge verraten:

Noten reichen von A bis F. Unsere Seite ist einfach klein und erfüllt die meisten Kriterien. Aber wir können bereits feststellen, dass es besser gewesen wäre, ein CDN zu verwenden. Das ist nicht sehr wichtig, wenn wir nur ein Bild bereitstellen, aber es wäre entscheidend für eine Website mit hohem Bandbreitenbedarf, die viele Tausend Bilder bereitstellt.

Ist der Server reaktionsschnell genug?

ping ist ein nützliches Shell-Tool, das den von Ihnen angegebenen Domainnamen testet und Ihnen mitteilt, ob der Server reagiert oder nicht:

$ ping mozilla.org
PING mozilla.org (63.245.215.20): 56 data bytes
64 bytes from 63.245.215.20: icmp_seq=0 ttl=44 time=148.741 ms
64 bytes from 63.245.215.20: icmp_seq=1 ttl=44 time=148.541 ms
64 bytes from 63.245.215.20: icmp_seq=2 ttl=44 time=148.734 ms
64 bytes from 63.245.215.20: icmp_seq=3 ttl=44 time=147.857 ms
^C
--- mozilla.org ping statistics ---
4 packets transmitted, 4 packets received, 0.0% packet loss
round-trip min/avg/max/stddev = 147.857/148.468/148.741/0.362 ms

Denken Sie nur an eine praktische Tastenkombination: Strg+C. Strg+C sendet ein "Interrupt"-Signal an die Laufzeit und sagt ihr, dass sie stoppen soll. Wenn Sie die Laufzeit nicht stoppen, wird ping den Server unendlich oft anpingen.

• Überprüfen Sie auf 404s
• Stellen Sie sicher, dass alle Webseiten wie erwartet funktionieren
• Überprüfen Sie Ihre Website in mehreren Browsern, um sicherzustellen, dass sie konsistent dargestellt wird

Herzlichen Glückwunsch, Ihre Website ist online und für jeden zugänglich. Das ist eine große Leistung. Jetzt können Sie anfangen, sich weiter in verschiedene Themen zu vertiefen.

• Da Menschen aus der ganzen Welt auf Ihre Website kommen können, sollten Sie in Betracht ziehen, sie für alle zugänglich zu machen.
• Ist das Design Ihrer Website etwas zu grob? Es ist an der Zeit, mehr über CSS zu lernen.