Wie schnell sollte eine Café-Website sein?

„Schnell" ist kein Gefühl, sondern eine Messung, und Google veröffentlicht die Grenzwerte. Es sind drei, und Sie müssen nicht technisch sein, um zu verstehen, was sie bedeuten.

Die drei Zahlen

Largest Contentful Paint: unter 2,5 Sekunden. Wie lange es dauert, bis das größte Element auf dem Bildschirm erscheint. In der Praxis ist das meist Ihr Hauptbild. Dauert es vier Sekunden, schaut der Besucher vier Sekunden auf eine leere Seite.

Interaction to Next Paint: unter 200 Millisekunden. Wie lange die Seite braucht, um auf einen Tipp zu reagieren. Ab etwa einer Fünftelsekunde fühlt sich der Tipp kaputt an, die Leute tippen erneut, und das macht es oft schlimmer.

Cumulative Layout Shift: unter 0,1. Wie stark die Seite beim Laden springt. Jeder hat schon versucht, auf einen Link zu tippen, und dabei etwas getroffen, das gerade unter dem Daumen nachgeladen wurde. Das ist Layout Shift, und auf einer Speisekarten-Seite heißt es, den falschen Abschnitt anzutippen.

Wohin die Zeit auf kleinen Websites wirklich geht

Nach unserer Erfahrung erklären drei Dinge den Großteil.

Bilder, die nie verkleinert wurden. Ein Foto direkt vom Handy ist oft viertausend Pixel breit und mehrere Megabyte groß. In einer dreihundert Pixel breiten Karte angezeigt, sind das hundertmal mehr Daten als nötig. Verkleinern und in ein modernes Format umwandeln senkt das Seitengewicht regelmäßig um achtzig Prozent, ohne sichtbaren Unterschied.

Schriften, die den ersten Bildaufbau blockieren. Eine schlecht geladene eigene Schrift lässt den Browser warten, bevor er überhaupt Text zeichnet. Die Schrift per „swap" zu laden (zuerst eine Systemschrift zeigen, dann wechseln) kostet Sie ein kurzes Flackern und spart Sekunden.

Skripte, die niemand nutzt. Statistik, Chat-Widget, Social-Feed, Cookie-Tool, Buchungsskript. Jedes wurde aus einem Grund eingebaut, und jedes kostet Ladezeit. Das Chat-Widget, auf das niemand antwortet, und der Feed mit vier Likes sind reine Steuer. Prüfen Sie einmal im Jahr und löschen Sie, was Sie nicht nutzen.

Was nicht langsam macht

Ein Blog. Mehrere Seiten. Ein Content-Management-System. Video, sofern es mobil nicht automatisch in voller Auflösung startet.

Bei einer Website dieser Größe ist Langsamkeit fast nie eine Frage der Architektur. Fast immer ist es eine Frage des Gewichts.

Ehrlich messen

Lassen Sie PageSpeed Insights auf Ihrem Handy laufen, im Mobilfunknetz, weg vom Café-WLAN. Der Laborwert ist ein nützlicher Hinweis; die Felddaten oben im Bericht zeigen, was echte Besucher erlebt haben.

Testen Sie die Speisekarten-Seite, nicht die Startseite. Die Startseite ist das, was Sie sich ansehen. Die Karte ist das, was Ihre Gäste sich ansehen.

Das realistische Ziel

Für ein Café oder Restaurant ist ein Hauptbild in unter zwei Sekunden auf einem Mittelklasse-Handy mit normaler Mobilverbindung ohne besonderen technischen Aufwand erreichbar. Meist muss nur jemand die Bilder komprimieren und die Skripte entfernen.

Das ist die unspektakuläre Wahrheit über Web-Performance in dieser Größenordnung. Sie ist selten raffiniert. Sie ist vor allem Aufräumarbeit, die noch niemand gemacht hat.

Wie wir schnelle Websites für Cafés bauen, steht auf unserer Seite Café-Website erstellen lassen.