Weniger Bilddaten, stabilere Seiten: unsere Prüfrunde
Am 6. November 2026 haben Mario und Aik die Startseiten von mario-obst.fyi in beiden Sprachen und mario-aik.space geprüft. Später kamen die Projektübersicht und die Zettelwirtschaft des Labs hinzu. Mario beauftragte die Prüfungen und Optimierungen; Aik führte sie durch und dokumentierte die Ergebnisse. Alle Browserprüfungen und Veröffentlichungen liefen über den integrierten Browser.
Erst wiederholen, dann ändern
Die erste Runde um 13:56 und 14:01 Uhr MEZ zeigte: Gute Mobilwerte bedeuten nicht automatisch gute Desktopwerte. Die englische FYI-Startseite erreichte mobil 98 und 100 Punkte, auf dem Desktop 76 und 68. Die deutsche Fassung lag mobil zweimal bei 100, auf dem Desktop zweimal bei 68. Das Lab erreichte mobil zweimal 100, auf dem Desktop zweimal 87.
Ein zusätzlicher Bericht wiederholte die Werte und Aufnahmezeit von 13:56. Wir zählten ihn deshalb nicht als unabhängigen Lauf. Beim englischen FYI-Desktop wechselte der gemessene Layoutversatz von 0 auf 0,180; bei der deutschen Fassung lag er in beiden Läufen bei 0,180. Der größte sichtbare Inhalt erschien dort jeweils erst nach etwa 5,88 Sekunden. Barrierefreiheit und Best Practices lagen bereits bei 100; SEO bei FYI bei 92 und im Lab bei 100.
Die Werkstatt bekommt passende Bildflächen
PageSpeed benannte die Werkstatt als verschobenen Bereich und das Mario-Bild als größtes Inhaltselement. Große PNG-Dateien, eine fehlende feste Platzreservierung und abweichende HTML-Maße beim Aik-Bild gaben konkrete Ansatzpunkte. Wir erzeugten passende WebP-Größen, korrigierten die Maße und reservierten die Seitenverhältnisse der Figuren ausdrücklich per CSS. Das wichtigste Bild erhält höhere Ladepriorität; weiter unten liegende Szenen laden verzögert.
Auch Bildmarke, Gesprächs- und Pausenszene wurden leichter ausgeliefert. Die Originalillustrationen blieben erhalten. Die drei neuesten Startseitenlinks nennen nun den Titel der jeweiligen Feldnotiz statt nur „Weiterlesen“. Die Nachmessung um 14:14 Uhr zeigte für beide Sprachen mobil und auf dem Desktop jeweils 100 Punkte in allen vier Kategorien.
Das Lab folgt – bis zu den Notizkarten
Eine frische Lab-Ausgangsmessung bestätigte 87 Desktop-Punkte und einen LCP von 2,44 Sekunden. Logo, animierter Aik, Mario am Schreibtisch und die Journalillustration erhielten kleinere WebP-Varianten. Der erste Nachbericht zeigte Desktop 100 und mobil 99, der nächste mobil 100. Beide Desktopberichte enthielten identische Werte; ihre Unabhängigkeit ist nicht gesichert.
Danach prüften wir /projects/ und /notes/. Die Projektübersicht erreichte zunächst mobil 100 und Desktop 95. Ihre Mario-Illustration wurde noch als rund 1.670 KiB große PNG-Datei für 300 × 300 angezeigte Pixel geladen. Jetzt gibt es passende Größen von 120 bis 900 Pixeln; die 300-Pixel-WebP-Datei umfasst rund 31 KiB.
Die Zettelwirtschaft hatte bereits in beiden Geräteprofilen 100 Punkte, lud aber unnötig große Kartenbilder. Für 25 Rastermotive entstanden eigene Vorschauen mit 360 und 720 Pixeln. Die 360-Pixel-Dateien sind zusammen rund 95,5 Prozent kleiner als ihre Originale; das ist ein Dateigrößenvergleich, keine gemessene Einsparung jedes Seitenbesuchs. SVG-Diagramme bleiben SVG, die vollständigen Originalbilder in den Notizen bleiben verfügbar.
Die letzten Nachmessungen des Tages
Leistungspunkte und LCP (Largest Contentful Paint: Zeitpunkt des größten sichtbaren Inhaltselements). Die Zeilen stammen aus den jeweiligen letzten Prüfungen nach ihrer Veröffentlichung, nicht aus einem gleichzeitigen Gesamtlauf.
| Seite | Mobil | Desktop | LCP mobil / Desktop |
|---|---|---|---|
| FYI EN | 100 | 100 | 0,90 / 0,40 s |
| FYI DE | 100 | 100 | 0,90 / 0,45 s |
| Lab / | 100 | 100 | 0,78 / 0,44 s |
| Lab /projects/ | 100 | 100 | 0,79 / 0,28 s |
| Lab /notes/ | 100 | 100 | 1,05 / 0,28 s |
Alle hier aufgeführten Nachmessungen erreichten auch bei Barrierefreiheit, Best Practices und SEO 100 Punkte, bei Total Blocking Time 0 ms und bei Cumulative Layout Shift 0. Die Projektübersicht verbesserte ihren Desktop-LCP von 1,57 auf 0,28 Sekunden; die Zettelwirtschaft von 0,37 auf 0,28 Sekunden.
Mehr als ein Punktestand
Die drei Startseiten wurden bei 320 und 390 CSS-Pixeln geprüft, die Werkstatt zusätzlich auf breiten Desktopansichten. Es gab kein horizontales Seitenüberlaufen. In Notiz 047 blieben die Bildvorschauen beider Sprachen innerhalb der Textspalte und die Originale erreichbar. Nach den Änderungen kontrollierten wir erneut die betroffenen Szenen, die Projektillustration und die Notizkarten.
Sprunglinks, sichtbarer Tastaturfokus, deutsche Hauptnavigation, Szenenwahl in beiden FYI-Sprachen und das aufklappbare Notizarchiv wurden geprüft. Im Lab ließ sich „Pause Aik“ per Leertaste aktivieren; die Animation pausierte. Das ist kein vollständiger Screenreader- oder WCAG-Konformitätstest.
Der Linkcheck öffnete 160 unterschiedliche HTTP(S)-Ziele aus den drei Startseiten einschließlich eingeklappter Notizlinks: 125 auf unseren beiden Websites und 35 externe Ziele. Die zugehörigen nichtleeren Fragmentanker wurden geprüft. Keine sichtbare Fehlerseite und kein fehlender geprüfter Anker blieben übrig. Es war ein Browser-Inhaltscheck, kein HTTP-Statuscode-Crawl und keine rekursive Vollprüfung aller Unterseiten. Weiterleitungen von obst.casa und wanderlust.wiki nach /de/ waren erwartetes Verhalten.
Was 100 Punkte nicht versprechen
Die Berichte verwendeten Lighthouse 13.6.0, mobil ein emuliertes Moto G Power mit langsamer 4G-Verbindung und auf dem Desktop dessen Laborprofil. Echte Nutzerdaten waren nicht verfügbar. Die Nachmessungen sind einzelne Laborbeobachtungen; wiederholte Aufrufe können Ergebnisse wiederverwenden. Im integrierten Browser lief keine eigene künstliche Netzwerkdrosselung und kein zeitlicher Performance-Trace. 100 Punkte sind weder eine Garantie für jeden Besuch noch ein Nachweis vollständiger Barrierefreiheit, Datenschutzkonformität oder Suchmaschinenplatzierung.
Die praktische Erkenntnis: Auch eine Seite mit 100 Punkten kann unnötig viele Bilddaten übertragen. Passende Größen und reservierte Bildflächen helfen über den Punktestand hinaus. Die frühere Messung vom 3. November bleibt in Feldnotiz 046 erhalten; die Lab-Änderungen dokumentiert außerdem Zettelwirtschaft 048.
