Machen Sie Ihre Website mit PageSpeed Insights mobilfreundlicher

Montag, 19. Mai 2014

Um Entwicklern und Webmastern zu helfen, ihre Seiten mobilfreundlicher zu gestalten, haben wir kürzlich PageSpeed Insights mit zusätzlichen Empfehlungen zur mobilen Nutzbarkeit aktualisiert.

Eine schlechte Bedienbarkeit kann die Vorteile eines schnellen Seitenaufbaus schmälern. Wir wissen, dass die durchschnittliche mobile Seite
mehr als 7 Sekunden zum Laden braucht, und durch die Verwendung des
PageSpeed Insights-Tools
und die Befolgung seiner Geschwindigkeitsempfehlungen können Sie Ihre Seite
viel schneller laden lassen. Angenommen, Ihre schnelle mobile Website lädt in nur 2 statt in 7 Sekunden. Wenn mobile Nutzer nach dem Laden der Seite dennoch weitere 5 Sekunden damit verbringen müssen, den Bildschirm aufzuziehen und zu scrollen, bevor sie den Text lesen und mit der Seite interagieren können, dann ist diese Website letztendlich nicht wirklich schnell zu bedienen. Die neuen Nutzererlebnis-Regeln von PageSpeed Insights können Ihnen helfen, diese Usability-Probleme zu finden und zu beheben.

Diese neuen Empfehlungen decken derzeit folgende Bereiche ab:

• Konfigurieren Sie den Viewport : Ohne ein meta-viewport -Tag gehen moderne mobile Browser davon aus, dass Ihre Seite nicht mobilfreundlich ist, fallen auf einen Desktop-Viewport zurück und wenden möglicherweise eine Schriftverstärkung an, was Ihr beabsichtigtes Seitenlayout beeinträchtigt.
  Das Konfigurieren des Viewports
  auf width=device-width sollte Ihr erster Schritt bei der Mobilmachung Ihrer Website sein.
• Inhalte an den Viewport anpassen: Nutzer erwarten, dass mobile Websites vertikal und nicht horizontal scrollen. Stellen Sie nach der Konfiguration Ihres Viewports sicher, dass Ihr Seiteninhalt
  die Breite dieses Viewports ausfüllt, und denken Sie daran, dass nicht alle mobilen Geräte dieselbe Breite haben.
• Verwenden Sie lesbare Schriftgrößen: Wenn Nutzer heranzoomen müssen, um Ihren Artikeltext auf ihrem Smartphone-Bildschirm lesen zu können, ist Ihre Website nicht mobilfreundlich. PageSpeed Insights überprüft, ob
  der Text Ihres Textes groß genug ist
  , damit die meisten Benutzer ihn bequem lesen können.
• Tippziele angemessen dimensionieren: Nichts ist frustrierender, als auf einem Touchscreen eines Telefons oder Tablets zu versuchen, auf eine Schaltfläche oder einen Link zu tippen, und dabei versehentlich den falschen zu treffen, weil Ihr Fingerballen viel größer ist als ein Desktop-Mauszeiger. Stellen Sie sicher, dass
  die Tippziele
  des Touchscreens Ihrer mobilen Website groß genug sind, um sie leicht zu drücken.
• Vermeiden Sie Plugins: Die meisten Smartphones unterstützen kein Flash oder andere Browser-Plugins. Stellen Sie daher sicher, dass Ihre mobile Website
  nicht auf Plugins angewiesen ist.

Diese Regeln werden in
unseren Hilfeseitennäher beschrieben. Wenn Sie bereit sind, können Sie Ihre Seiten und die von Ihnen vorgenommenen Verbesserungen mit dem
PageSpeed Insights-Tooltesten. Wir haben PageSpeed Insights außerdem so aktualisiert, dass es ein mobilfreundliches Design verwendet, und wir haben unsere Dokumente in weitere Sprachen übersetzt.

Wenn Sie wie immer Fragen oder Feedback haben, posten Sie diese bitte in unserer
Diskussionsgruppe.

Veröffentlicht von Matthew Steele und Doantam Phan, PageSpeed Insights-Team