Responsive Layout Test sollte Rendering-Verhalten mobiler Geräte besser abbilden

Ziel ist, die Nutzbarkeit der Site auf mobilen Endgeräten (Smartphones) zuverlässig zu beurteilen.

Verschiedene Versuche, das mittels Selenium und Chromedriver selbst zu lösen, sind daran gescheitert, dass ich nicht feststellen konnte, ob der mobile Browser eine Site durch Zoom auf die Breite des Geräte-Displays verkleinert (nicht gut), oder ob die Site sich an die Gerätebreite anpasst (gut).

Der neue Ansatz ist die Nutzung der Google Search Console URL Testing Tools API.

Die API gibt als Ergebniss für die Site entweder MOBILE_FRIENDLY oder NOT_MOBILE_FRIENDLY aus. Darüber werden ein paar Probleme gezielt benannt:

(Quelle)

Ob der Test überhaupt richtig ausgefühert wurde, wird ebenfalls detaliliert angegeben:

Leider ist die API auf eine Anfrage alle 100 Sekunden limitiert. Eine Erhöhung dieser Quota kann beantragt werden. Ob dies bewilligt wird, ist aber unklar. Alternativ muss dieser Check unabhängig von den anderen laufen und das Ergebnis zwischengespeichert werden.

TODO

[ ] Check und Rater im Spider anpassen https://github.com/netzbegruenung/green-spider/pull/128
[ ] Spider durchlaufen lassen
[ ] Webapp anpassen, damit die neue Metrik MOBILE_FRIENDLY statt RESPONSIVE genutzt wird
[ ] Webapp anpassen, so dass Detail-Empfehlungen auf Basis der gefundenen Probleme angezeigt werden.

Veraltet

Aktuell simuliert unser responsive layout check mobile Geräte nur, indem das Browserfenster eines Chrome auf kleinere Dimensionen verkleinert wird. Dies trägt jedoch nicht der Tatsache Rechnung, dass mobile Geräte ein spezielles Zoom-Verhalten einsezten, um Inhalte in den Viewport einzupassen.

Wir sollten Mobile Emulation in Chromedriver aktivieren:

http://chromedriver.chromium.org/mobile-emulation

Zu klären ist noch, ob wir dazu die Seite zweimal laden müssen, statt wie bisher nur einmal.

netzbegruenung / green-spider

Responsive Layout Test sollte Rendering-Verhalten mobiler Geräte besser abbilden #121

TODO

Veraltet