czbern.ch, eine Website mit Scroll-Film

Wie der Scroll-Film entsteht

Die Sequenz besteht aus KI-generiertem Filmmaterial, zerlegt in 181 Einzelbilder. Beim Scrollen zeigt die Seite jeweils das passende Bild, vorwärts wie rückwärts. So bestimmt der Besucher das Tempo.

Material für so eine Sequenz muss anders aussehen als ein normaler Film. Bewegungsunschärfe, die im laufenden Film niemand bemerkt, macht jedes angehaltene Bild matschig. Ich prüfe die Schärfe deshalb Bild für Bild, bevor eine Sequenz online geht: Gemessen als Laplace-Varianz braucht Scroll-Material mindestens 128, ein gewöhnlicher Film liegt bei 7.

Bild 1 von 181

Schnell trotz Film

Seit dem 22. Oktober 2026 lädt die Bildfolge erst nach der ersten Scrollbewegung, und Handys zeigen ein Standbild. PageSpeed meldet seither 84 bis 88 Punkte auf dem Handy und 97 bis 99 auf dem Desktop.

Text zuerst

Unter dem Film liegt gewöhnliches HTML. Wer die Seite ohne JavaScript oder mit einem Suchprogramm abruft, bekommt den ganzen Text. Rund 140 Predigtseiten entstehen aus den Daten von YouTube.

Betrieb

Die Website ist statisch gebaut, mit Astro. Sie wird jeden Tag neu erzeugt und ausgeliefert, damit neue Inhalte ohne Handarbeit online gehen.