Antworten und Quiz: Google Mobile Websites – inkl. Zertifizierung

Bildinformationen wie Standort oder Kamerabeschreibung können häufig gelöscht werden, um die Bildgröße zu reduzieren. Diese Art von Informationen nennt man

• Metadaten
• GZIP
• Vektoren
• Raster

Mit welchem der folgenden Berichte in Google Analytics können festellen, in welchem Bereich des Conversion-Trichters Nutzer abspringen?

• Bericht „Produktleistung“
• Bericht „Beliebteste Zielseiten“
• Bericht „Gerätenutzung“
• Bericht „Bezahlvorgangsanalyse“

Richtig oder falsch: Eine Mischung aus für Desktops und Mobilgeräte optimierten Seiten verbessert die Nutzererfahrung auf mobilen Websites, weil manche Nutzer mit der Desktopversion der Website vertrauter sind.

• Richtig
• Falsch

Eine effektive Benachrichtigung

• führt eine standardmäßige Aktion aus.
• kann geschlossen werden.
• ist relevant.
• wird im Hintergrund ausgeliefert.

Welche der folgenden Aussagen über Responsive-Websites trifft NICHT zu?

• Responsive-Websites sind kostengünstig.
• Resposive-Websites werden in der Regel schneller geladen als separate Websites (m.dot-Websites).
• Responsive-Websites haben eine einzige Codebasis, Bereitstellungsmethode und URL.
• Responsive-Websites können einfacher gepflegt werden.

Die App-Shell unterstützt folgenden Vorgang:

• Zeit bis zum vollständigen Laden der Seite verkürzen
• Übergänge zwischen den Seiten beschleunigen
• Elemente der Benutzeroberfläche optimieren
• Vollständig optimierte Website gewährleisten

Wie können Sie dem Browser ‚die Arbeit erleichtern‘?

• Den Selektor in eine Klasse umwandeln
• Mehr übergeordnete Elemente hinzufügen
• Den Styleguide befolgen
• Komplexeren CSS-Code erstellen

Worum handelt es sich in der Regel bei ‚Variante A‘ in A/B-Tests?

• Die ursprüngliche Version der Webseite.
• Eine Testversion der Webseite, die basierend auf der ursprünglichen Version modifiziert wurde.

Mit welchem Bericht lassen sich Zielseiten, deren Design verbessert werden sollte, ermitteln und priorisieren?

• Mit dem Bericht „Zielseiten“, um den Messwert „Absprungrate“ zu untersuchen
• Mit dem Bericht „Ausstiegsseiten“, um den Messwert „Seitenaufrufe“ zu untersuchen
• Mit dem Bericht „Alle Seiten“, um den Messwert „Eindeutige Seitenaufrufe“ zu untersuchen
• Mit dem Bericht „Alle Seiten“, um den Messwert „Durchschn. Zeit auf der Seite“ zu untersuchen

Was ist die schnellste und idealste Ressource?

• JavaScript
• Ein Bild
• Diejenige, die nicht benötigt wird
• Webfont

Welches Format wird für Symbole empfohlen, die hochauflösend sind und auf allen Geräten eingesetzt werden?

• Daten-URLs
• PNG
• Vektorgrafik (SVG)
• JPEG

Was ermöglicht eine effektive Wiederverwendung von Schriftarten über mehrere Seiten?

• Der Befehl „local()“
• WOFF2-Schriftarten
• Der Algorithmus für den Schriftartenabgleich
• Das Revalidierungstoken

Richtig oder falsch: Sie können die Funktionen von Google Analytics in einem Demokonto des Google Merchandise Store ausprobieren.

• Falsch
• Richtig

Warum sind Push-Benachrichtigungen für Werbetreibende wichtig?

• Sie liefern Nutzern wichtige Informationen, auf die sie dann sofort reagieren können.
• Sie bieten Nutzern Gelegenheit, sich interessante Inhalte erneut anzusehen.
• Alle Antworten sind richtig.
• Sie können Nutzer zeitnah über Aktualisierungen informieren.

Bevor Sie einem Kunden die Best Practices für das Design mobiler Websites erläutern, sollten Sie zunächst welchen Aspekt untersuchen?

• Seinen Designprozess
• Seine Page Speed-Werte
• Seine Mitarbeiter und sein Budget
• Seine bestehende mobile Website

In Google Optimize können Sie derzeit NICHT

• neue Websitedesigns, Layouts und Inhalte mit einem Teil Ihrer Besucher testen.
• Ihre bestehenden Zielvorhaben und Messwerte in Google Analytics als Testziele verwenden.
• eine Heatmap-Analyse durchführen, um ein besseres Verständnis für das Nutzerverhalten auf Ihrer Website zu erlangen.
• Tests mit bestimmten Nutzergruppen ausführen, die in Analytics als Zielgruppen festgelegt wurden.

Die Rendering-Baumstruktur enthält

• den Inhalt der Seite.
• die sichtbaren Inhalte.
• das DOM.
• die Stile der Seite.

Wie können Sie die Optimierung einer mobilen Website nach Browserversion oder Bildschirmauflösung priorisieren?

• Alle zur gleichen Zeit optimieren.
• Nach der ältesten Version Ihrer Website suchen.
• Nach der höchsten Anzahl an Sitzungen und den niedrigsten Conversion-Raten (oder höchsten Absprungraten) suchen.
• Die Website mit den höchsten Conversion-Raten priorisieren.

Bei welcher der folgenden Maßnahmen handelt es sich NICHT um eine Best Practice für Finanzunternehmen – mit dem Ziel, Nutzer zur Conversion zu führen?

• Ermöglichen, dass die Einstellungen registrierter Nutzer beim Ausfüllen von Formularen wiedererkannt und bestimmte Informationen vorausgefüllt werden.
• Click-to-Call-Schaltflächen für komplizierte Formulare oder komplexe Aufgaben verwenden.
• Es ermöglichen, als Gast eine Conversions abzuschließen.
• Nutzer zur Registrierung auffordern, bevor sie die Seite nutzen können.

Welches Ereignis wird ausgelöst, wenn der Service Worker registriert wird?

• Installation
• Leerlauf
• Beenden
• Abbrechen

Worauf sollten Sie die Verbindung bei Verwendung von Chrome DevTools einschränken?

• Regular 3G (Reguläre 3G-Verbindung)
• Regular 2G (Reguläre 2G-Verbindung)
• No Throttling (Kein Throttling)
• Regular 4G (Reguläre 4G-Verbindung)

Warum hat Facebook die ‚2G-Dienstage‘ eingeführt?

• Damit alle Mitarbeiter nachvollziehen können, wie es ist, ihr Produkt mit 2G zu nutzen
• Facebook hat keine ‚2G-Dienstage‘ eingeführt
• Weil die meisten Nutzer nur 2G haben
• Um ein Zufallsexperiment durchzuführen

Für jeden Webfont auf Ihrer Website sollten Sie

• CSS-Code hinzufügen.
• so viele Varianten wie möglich hinzufügen.
• die Anzahl der verwendeten Varianten einschränken.
• den HTML-Code minimieren.

Richtig oder falsch: Mithilfe von A/B-Tests können Sie zwei oder mehr Elemente auf einer Website testen, um zu überprüfen, wie sie sich aufeinander auswirken.

• Richtig
• Falsch

Ressourcen mit Antworten, die für alle Nutzer ______ sind, eignen sich hervorragend für die Zwischenspeicherung durch ein CDN.

• unterschiedlich
• variabel
• gleich
• skaliert

Richtig oder falsch: Bilder sollten nie automatisch an den Bildschirm angepasst werden – weder beim Drehen des Bildschirms noch zwischen unterschiedlichen Bildschirmgrößen.

• Richtig
• Falsch

Im Layoutschritt führt der Browser folgende Aktion aus:

• Er zeigt die Elemente auf dem Bildschirm in ihrer neuen Position an.
• Er erzwingt die Neuerstellung des DOM.
• Er berechnet die Größe und Position der Elemente in der Rendering-Baumstruktur.
• Er passt die Größe der Elemente an, bevor er ihre Position berechnet.

Welchen Vorteil bietet eine mobile Website im Vergleich zu einer App?

• Mobile Websites funktionieren nur auf Android.
• Kürzere Entwicklungszeiten.
• Sie müssen eine separate Website für Tablets und Smartphones erstellen.
• Mobile Websites erfordern eine Genehmigung, bevor man darauf zugreifen kann.

Manche Nutzer möchten keine Conversions auf ihrem Mobilgerät durchführen. Was könnten Sie unternehmen, um ihre Nutzererfahrung zu verbessern?

• Ihre primären Call-to-Action-Schaltflächen prominenter gestalten
• Sekundäre Call-to-Action-Schaltflächen hinzufügen, z. B. zum Teilen auf sozialen Netzwerken
• Die Desktopversion Ihrer Website auf mobilen Geräten anzeigen
• Nutzer zur Anmeldung auffordern, um ihre Details zu speichern

Mit welcher der folgenden Aussagen wird eine App-Shell beschrieben?

• Sie verhindert die Zwischenspeicherung von Inhalten, die sich auf den verschiedenen Seiten der Website wiederholen.
• Sie umfasst alle Seitenelemente, die von bestimmten Seiteninhalten abhängig sind.
• Keine der Antworten ist richtig.
• Sie liefert Nutzern einen schnellen ersten Eindruck, während sich ein nahtloser Übergang zu einer vollständig geladenen Seite vollzieht.

Wie funktionieren AMP?

• Sie lassen keinen externen JavaScript-Code im kritischen Pfad zu
• Sie lassen nur asynchrone Skripts zu
• Alle Antworten sind richtig
• Sie hindern Erweiterungsmechanismen daran, das Rendern zu blockieren

Eine Progressive Web App

• funktioniert selbst bei unzuverlässigen Netzwerkverbindungen über den Service Worker.
• ist das Gleiche wie eine Accelerated Mobile Page.
• benötigt Umgebungen mit hoher Bandbreite.
• beeinträchtigt die Geschwindigkeit der Website und führt deshalb zu einer niedrigeren Conversion-Rate.

Bei welcher der folgenden Maßnahmen handelt es sich NICHT um eine Best Practice, um Formulare auf mobilen Websites zu optimieren?

• Optionen klar hervorheben, anstatt ein Drop-down-Menü zu verwenden
• Echtzeitvalidierung für Formularfehler einsetzen
• Nutzern eine Zifferntastatur für das Telefonnummernfeld bereitstellen
• Labels innerhalb der Formularfelder anzeigen, um den Nutzern das Ausfüllen zu erleichtern

Welche der folgenden Optionen ist NICHT Bestandteil von AMP?

• Inline CSS
• Analysen
• AMP HTML
• Benutzerdefinierte Schriftarten

Studien zeigen, dass mobile Nutzer Folgendes erwarten:

• Auf mobilen Websites befindet sich das Logo „below the fold“, ist also nur mit Scrollen sichtbar.
• Ein Fingertipp auf das Logo im oberen Bereich der Website leitet sie zur Seite „Kontakt“.
• Ein Fingertipp auf das Logo im oberen Bereich der Website leitet sie zu neuen Produkten.
• Ein Fingertipp auf das Logo im oberen Bereich der Website leitet sie zur Startseite zurück.

Richtig oder falsch: Für das Konstruieren des Document Object Model (DOM) sind Stilinformationen erforderlich.

• Falsch
• Richtig

Welche dieser Funktionen ist Teil einer Progressive Web App?

• Anrufe-API
• Nutzererfahrungs-API
• Zum Startbildschirm hinzufügen
• Standort-API

Wenn Sie eine Animation wie Scrolling verwenden, sollte Ihr JavaScript ungefähr folgende Ladezeit aufweisen:

• 7-8 ms
• 5-6 ms
• 3-4 ms
• 9-10 ms

Was sollten Sie minimieren, um die Zeit bis zum ersten Rendern maximal zu verkürzen?

• Kritische JavaScript-Funktionen
• Kritische Ressourcen
• CSS-Klassen
• Kritische HTML-Klassen

In welcher der folgenden Situationen kann eine hohe Absprungrate als guter Messwert interpretiert werden?

• Die Kampagnenzielseite leitet den Nutzer zu einer Seite mit Produktinformationen weiter.
• Die Kampagnenzielseite leitet den Nutzer zu einer Seite mit einer Telefonnummer, über die der Nutzer das Unternehmen direkt anrufen kann.
• Die Kampagnenzielseite leitet den Nutzer zur ersten Seite eines dreiseitigen Formulars, mit dem er sein Interesse bekunden kann.

Was ist ein Beispiel für eine unnötige Ressource, die die Nutzererfahrung unnötig beeinträchtigt?

• Eine Webfont
• „Lazy Loading“
• Ein Fotokarussell auf der Startseite, das es dem Nutzer ermöglicht, mit einem einzigen Klick eine Vorschau mehrerer Bilder zu sehen
• Optimierte Bilder

Warum kann das sogenannte ‚Lie-Fi‘ das Nutzererlebnis beeinträchtigen?

• Es ist nicht so sicher wie WLAN.
• Der Einsatz von WLAN verringert die Akkulaufzeit.
• Es nutzt mehr Daten.
• Manche Assets werden nicht geladen.

Richtig oder falsch: Um dafür zu sorgen, dass ein Browser die standardmäßige Bildschirmbreite eines Geräts nutzt, fügen Sie den Code hinzu.

• Falsch
• Richtig

Welche Websitekomponenten enthalten oft die meisten Bytes, die dann auf Nutzerseite heruntergeladen werden müssen?

• Webfonts
• JavaScript
• Artikel
• Bilder

Mobile Websites

• können über den Webbrowser eines Desktopgeräts aufgerufen werden.
• erfordern eine Genehmigung, um aufgerufen werden zu können.
• müssen heruntergeladen oder auf einem Gerät installiert werden.
• bieten spezielle Funktionen für Mobilgeräte.

Welche Änderungen an den “geometrischen Eigenschaften” können sich auf das Layout auswirken?

• Höhe
• Alle Antworten sind richtig.
• Oberer Rand
• Breite

Richtig oder falsch: Mobile Seiten, die eine Sekunde schneller geladen werden, können eine bis zu 27 % höhere Conversion-Rate erzielen.

• Falsch
• Richtig

Mit welchem Tool können Sie eine Website emulieren oder simulieren, zu der eine schlechte oder unzuverlässige Verbindung besteht?

• Speedtest.net
• Pingdom.com
• Speedguide.net
• Webpagetest.org

Was ist eine kritische Ressource in Bezug auf den kritischen Rendering-Pfad, der die Schnelligkeit einer Website mitbestimmt?

• Jede Ressource, die geladen werden muss.
• Eine Ressource, die das erstmalige Anzeigen einer Seite blockiert.
• Eine Ressource, die einen „404“-Fehler zurückgibt.
• Eine Ressource, die länger als 500 ms zum Laden braucht.

Worin besteht der erste Schritt zur Optimierung des kritischen Rendering-Pfads?

• Die Reihenfolge optimieren, in der die restlichen kritischen Ressourcen geladen werden: Alle kritischen Assets möglichst frühzeitig herunterladen, um die Länge des kritischen Pfads zu reduzieren.
• Die Anzahl der kritischen Bytes optimieren, um die Downloadzeit zu reduzieren (Anzahl an Anfragen an den Server).
• Den kritischen Pfad analysieren und definieren: Anzahl der Ressourcen, Bytes und Länge.
• Die Anzahl der kritischen Ressourcen minimieren, indem Sie diese eliminieren, Downloads zurückstellen, als asynchron kennzeichnen usw.

Wo können Sie Abstriche machen, um die Dateigröße eines Bildes zu reduzieren?

• Farbspektrum
• Rendering-Geschwindigkeit
• Komprimierung
• Qualität

Auf welchen Messwert wirkt sich eine geringe Seitengeschwindigkeit aus?

• Impressionen
• View-through-Rate
• Conversion-Rate
• Klickrate

Welche der folgenden Aussagen zur Payment Request API trifft zu?

• Sie kann Ihren Zahlungsabwickler ersetzen.
• Ihre Nutzung erfordert ein Smartphone mit Fingerprintleser.
• Sie wurde für externe Kartenleser entwickelt.
• Sie ermöglicht Ihnen, das Checkout-Formular zu umgehen.

Wie groß sollte Ihre Seite sein?

• 10 MB
• 2 MB
• Mehr als 3 MB
• Weniger als 1 MB

AMP ______ die Seite, ______ auf das Herunterladen von Ressourcen gewartet wird.

• erstellt; ohne dass
• indiziert; während
• angezeigt; nachdem
• im Cache gespeichert; bevor

Damit Ihre Website geladen wird, sollten Sie nicht zu viele Webfonts verwenden und die Zahl der _____ möglichst gering halten.

• Unterlängen
• Varianten
• Dingbats
• Ligaturen

Richtig oder falsch: JavaScript kann die DOM-Erstellung blockieren, sofern es nicht ausdrücklich als asynchron deklariert wird.

• Richtig
• Falsch

Wie viele Male pro Sekunde aktualisieren die meisten Geräte ihre Bildschirme?

• 100-mal
• 60-mal
• 20-mal
• 35-mal

Welche der folgenden Aussagen über die Suchfunktion auf mobilen Websites trifft NICHT zu?

• Nutzer verwenden häufig Filter, um die Suchergebnisse einzugrenzen.
• Es empfiehlt sich, die Site Search in einem Suchfeld mit Freitext im oberen Bereich der mobilen Website zu positionieren.
• Intelligente Suchfunktionen wie z. B. automatische Vervollständigung und Autokorrektur sind besonders wichtig für Geräte mit kleineren Bildschirmen.
• Umfassende Suchergebnisse sind besser als genaue Suchergebnisse.

Welche der folgenden Aussagen zur Nutzung von Call-to-Actions auf mobilen Startseiten trifft zu?

• Ein Call-to-Action sollte Nutzern „ins Auge fallen“ und sich im sichtbaren Bereich der mobilen Startseite befinden.
• Auf Desktop- und mobilen Websites sollten die gleichen Call-to-Actions verwendet werden.
• Ein Call-to-Action sollte sich auf der zweiten Seite befinden.
• Ein Call-to-Action sollte nur in Menüs verwendet werden.

Wie funktioniert ein Service Worker?

• Er führt einen programmierbaren Netzwerk-Proxy aus.
• Er kann nur verwendet werden, wenn der Nutzer auf der Website surft.
• Er kann keine Netzwerkanfragen bearbeiten, die von der Websitenavigation stammen.
• Keine der Antworten ist richtig.

Welchen Zweck hat die Komprimierung von Dateien?

• Mehrere Dateien zu kombinieren.
• Den Code schneller zu laden.
• Die Dateigröße zu verkleinern.
• Mehr Daten im Cache speichern zu können.

Welchen Geschwindigkeitsindex sollten Sie mindestens erreichen?

• Innerhalb einer Abweichung von 10 % im Vergleich zu ähnlichen Websites
• Größer als 95 %
• Geringer als 5.000
• Größer als 5.000

Wenn CSS unabhängig von HTML bleibt, ist es möglich, _______ und _______ getrennt zu behandeln.

• Analyse; Optimierung
• Bilder; Artikel
• Nutzererfahrung; Geschwindigkeit
• Inhalte; Design

Welche der folgenden Aussagen über die mobile Nutzererfahrung trifft zu?

• Die mobile Website sollte an prominenter Stelle auf die „vollständige Website“ verweisen.
• Für hochauflösende Bilder nehmen Nutzer längere Ladezeiten in Kauf.
• Es ist wichtig, im sichtbaren Bereich einer mobilen Website so viele Informationen wie möglich anzuzeigen.
• Es ist wichtig, Call-to-Action-Schaltflächen einzusetzen, sodass Nutzer nicht das Browserfenster verlassen müssen.

Warum beinträchtigen CSS @imports die Leistung?

• @import lädt Dateien weniger effizient als „link“.
• Sie können unerwünschte Abhängigkeiten herbeiführen.
• Sie führen zu einem weniger effizienten CSSOM.
• Sie erfordern zusätzliche CPU-Zeit zum Parsen.

Was ärgert Nutzer laut einer Google-Umfrage am meisten, wenn sie mit ihrem Mobilgerät im Internet surfen?

• Darauf zu warten, dass langsame Websites geladen werden
• Interstitial-Anzeigen präsentiert zu bekommen
• Sich ein Video nicht ansehen zu können
• Nicht zu wissen, wohin sie tippen sollen

Was muss ein Browser erstellen, bevor er eine Seite rendern kann?

• Baumstrukturen für die Nutzererfahrungsverzeichnissse
• DOM- und CSSOM-Baumstrukturen
• Pixeltrichter
• HTML und JavaScript