Kolophon: Wie diese Seite gebaut ist
Worauf PingEverything läuft, welche Prüfungen jeder Build vor der Veröffentlichung besteht, wie Analyse und Werbung begrenzt werden und worauf wir verzichten.
Zuletzt aktualisiert am
Die eine Regel
Jede Seite soll für jemanden mit einem langsamen Smartphone funktionieren, in beiden Farbschemata und ohne ein Skript, das er nicht braucht. Der Rest dieser Seite beschreibt, wie diese Regel eingehalten wird.
Worauf die Seite steht
- Statische Seiten. Die Seite wird mit Astro erzeugt. Jede Seite ist einfaches, vorab gebautes HTML; ein clientseitiges Framework gibt es nicht. Die wenigen interaktiven Teile (Umschalter für das Farbschema, Inhaltsverzeichnis, Suche, Cookie-Einstellungen, Kopierknöpfe für Code, FAQ-Antworten) sind kleine Skripte.
- Gestaltung. Tailwind CSS, jede Farbe als benanntes Token definiert, damit beide Farbschemata auf dieselbe Weise geprüft werden.
- Hosting. Vercel.
- Suche. Pagefind. Der Index wird zusammen mit der Seite gebaut und in Ihrem Browser gegen Dateien auf dieser Domain durchsucht; kein Suchdienst sieht, was Sie eingeben.
- Schrift. Überschriften verwenden Space Grotesk, ausgeliefert von dieser Domain. Der Fließtext nutzt die Systemschrift Ihres Geräts. Einen externen Schriftdienst gibt es nicht.
Die genauen Versionen stehen im Steckbrief, der aus der Seite selbst erzeugt wird.
Zwei Farbschemata, dunkel zuerst
Dunkel ist die Voreinstellung. Hell wählen Sie mit dem Umschalter, und Ihr Browser merkt sich die Wahl. Die Farbeinstellung Ihres Betriebssystems wird bewusst nicht ausgelesen. Textfarben sind für jedes Schema einzeln festgelegt, damit der Kontrast in beiden stimmt.
Prüfungen vor jeder Veröffentlichung
Jeder Build durchläuft eine Kette von Prüfungen, und jede einzelne kann die Veröffentlichung stoppen:
- Links. Defekte interne Links, Sprungmarken ohne Ziel, Links in eine andere Sprache ohne entsprechende Angabe und fehlende Vorschaubilder.
- Struktur. Jeder Artikel gehört zu genau einem Themenleitfaden, verlinkt ihn gleich zu Beginn, wird von ihm verlinkt und endet mit genau einem „Weiterlesen“-Block.
- Text. Versteckte Steuerzeichen und die Leerzeichen, die die französische Zeichensetzung verlangt.
- Sicherheits-Header. Eine Content Security Policy, die aus genau den Skripten der Seiten erzeugt wird.
- Rechtliches. Das Impressum muss vollständig sein.
Browsertests prüfen danach die Barrierefreiheit mit axe in beiden Farbschemata, die interaktiven Teile und die Werbedichte.
Geschwindigkeit
Ohne Werbung erreicht jeder Seitentyp in einer lokalen Messung mit Lighthouse 100 Punkte, mobil wie auf dem Desktop. Die Werte und wie sie gemessen wurden, stehen im Steckbrief.
Analyse und Werbung
Die Analyse (Google Analytics 4) läuft nur auf dieser Domain und erst nach Ihrer ersten Interaktion mit der Seite; die Einwilligung ist standardmäßig verweigert. Solange Sie in den Cookie-Einstellungen nicht zustimmen, wird nichts für Analyse oder Werbung gespeichert. Wenn Werbung läuft, ist jede Anzeige gekennzeichnet und hat einen reservierten Platz, damit die Seite beim Laden nicht springt. Einzelheiten finden Sie in der Datenschutzerklärung und der Cookie-Richtlinie.
Worauf wir bewusst verzichten
- Keine Kommentare, keine Newsletter-Pop-ups, keine Kontaktformulare für Leads und keine Verkaufstrichter. Die Seite finanziert sich ausschließlich über Werbung.
- Kein clientseitiges Framework, kein externer Schrift- oder Icon-Dienst.
- Kein automatischer Wechsel des Farbschemas.
Sicherheit
Wenn Sie eine Schwachstelle gefunden haben, beschreibt die englischsprachige Seite „Security“, wie Sie sie melden. Die maschinenlesbare Kontaktdatei liegt unter /.well-known/security.txt.
Einen Fehler gefunden?
Bitte melden Sie ihn über die Kontaktseite.