Mobil zuerst, praktisch, für einen Betrieb mit einer Seite
Vier Entscheidungen decken es ab. Ausdrückliche Breite und Höhe an jedem Bild, treffbare Schaltflächen, Text, der sich vergrößern lässt, und die Rufnummer als Verweis, was zusammen Cumulative Layout Shift unter 0,1 und Interaction to Next Paint unter 200 Millisekunden am 75. Perzentil hält. Nichts davon braucht eine neue Webseite.
Die vier Entscheidungen
1. Bildmaße. Geben Sie jedem Bild ausdrückliche Breite und Höhe, damit der Text nicht springt, wenn das Bild eintrifft. Diese eine Gewohnheit hält Cumulative Layout Shift bei 0,1 oder darunter, und das ist die Gutschwelle.
2. Schaltflächen. Was angetippt werden kann, muss mit dem Daumen erreichbar sein, und das ist meist eine Frage des Abstands und nicht der Größe. Ein Menü, das Genauigkeit verlangt, erzeugt Fehlgriffe und Rücksprünge.
3. Vergrößerbarer Text. Nichts in einer Größe festnageln, die nicht wachsen kann. Das ist zugleich der billigste Teil der Barrierefreiheitsfrage, und er kostet eine Entscheidung im Stylesheet.
4. Die Nummer als Verweis. Eine Rufnummer, die abgeschrieben werden muss, ist eine Nummer, die nicht gewählt wird, und bei dringenden Gewerken ist das die ganze Anfrage.
Wie die Schwellen tatsächlich lauten
Drei Zahlen, und sie sind veröffentlicht. Largest Contentful Paint gilt bei 2,5 Sekunden oder weniger als gut. Interaction to Next Paint bei 200 Millisekunden oder weniger. Cumulative Layout Shift bei 0,1 oder weniger. Alle drei werden am 75. Perzentil der Seitenaufrufe beurteilt, getrennt nach Mobil und Schreibtisch.
Das Perzentil ist der Teil, der mobil zählt. Ihr eigenes Telefon im Büro-WLAN ist nicht die Messung; drei Viertel der echten Aufrufe müssen die Hürde nehmen, auch die auf einer schwachen Verbindung im Freien.
INP löste First Input Delay 2024 als stabile Kennzahl für Reaktion ab. Ein Bericht, der noch von FID spricht, misst etwas Ausgemustertes, und das ist ein schneller Weg, den Rat zu datieren, den man Ihnen gibt.
| Entscheidung | Schützt | Aufwand |
|---|---|---|
| Breite und Höhe an Bildern | CLS bei 0,1 oder darunter | Minuten je Seite |
| Abstand der Schaltflächen | Fehlgriffe | Eine Änderung im Stylesheet |
| Vergrößerbarer Text | Lesbarkeit und Barrierefreiheit | Eine Entscheidung |
| Telefon als Verweis | Die dringende Anfrage | Eine Zeile |
Was man lässt
Beauftragen Sie dafür keine neue Webseite. Auf einem Auftritt mit 9 Unterseiten sind Bildmaße, Abstände und ein Verweis auf der Nummer ein Nachmittag für den, der die Seite pflegt.
Und legen Sie keine getrennte mobile Fassung an. Eine Seite, die sich anpasst, ist leichter richtig zu halten als zwei, die auseinanderlaufen, und das Auseinanderlaufen zeigt sich immer an den vier Identitätswerten, die gleich bleiben mussten.
Prüfen Sie es einmal draußen auf einem echten Telefon. Laden Sie die Seite über Mobilfunk fernab des Büros, tippen Sie auf die Nummer und sehen Sie, ob der Anruf startet. Diese eine Probe findet mehr als jeder Bericht und dauert zwei Minuten.
Wiederholen Sie die Probe nach jeder Änderung an der Seite. Es ist die einzige Prüfung, die genau das misst, was ein Besucher erlebt.
Fragen und Antworten
Brauche ich eine eigene mobile Seite?
Was ist der schnellste Gewinn?
Warum ist mein eigenes Telefon keine gute Prüfung?
Ist FID noch von Bedeutung?
Quellen
- web.dev, Web Vitals Die drei Schwellen und die Beurteilung am 75. Perzentil
- Google Search Central, Google Images SEO best practices Umgang mit Bildern, einschließlich der Rückfalladresse bei anpassbaren Bildern
