Mobile Websites » Frage 3
Google Prüfung
Google Mobile Websites » Frage 3
Welche der folgenden Optionen ist NICHT Bestandteil von AMP?
- Benutzerdefinierte Schriftarten
- AMP HTML
- Inline CSS
- Analysen
Begründung:
So funktioniert AMP
Da AMP speziell darauf abzielt, kostenintensive Stil-Neuberechnungen und Layouts im Browser zu vermeiden, wird das Layout beim Laden der Ressourcen nicht neu erstellt.
Alle Ressourcen statisch bemessen
Bei externen Ressourcen wie Bildern, Anzeigen oder iFrames muss deren Größe im HTML-Code angegeben sein, damit AMP vor dem Download den Umfang und die Position aller Elemente erfassen kann. AMP lädt das Seitenlayout, ohne auf den Download jeglicher Ressourcen zu warten.
AMP trennt das Dokument-Layout vom Ressourcen-Layout. Es ist nur eine HTTP-Anfrage erforderlich, um das Layout des gesamten Dokuments (inklusive Schriftarten) zu erstellen. Da AMP speziell darauf abzielt, kostenintensive Stil-Neuberechnungen und Layouts im Browser zu vermeiden, wird das Layout beim Laden der Ressourcen nicht neu erstellt.Alle CSS inline und größengebunden
CSS blockieren das gesamte Rendering und das Laden der Seite. Außerdem neigen sie dazu, überladen zu werden. Bei AMP HTML-Seiten sind nur Inline-Styles zulässig. Dies reduziert den kritischen Rendering-Pfad im Vergleich zu den meisten Webseiten um eine und oft auch mehrere HTTP-Anfragen.
Außerdem darf das Inline-Stylesheet höchstens 50 Kilobyte groß sein. Diese Größe ist ausreichend, um anspruchsvolle Seiten zu gestalten, zwingt den Autor der CSS aber auch zu sauberer Programmierarbeit.
Effizientes Auslösen von Schriftarten
Webschriftarten sind sehr umfangreich. Daher ist die Optimierung von Webschriftarten von wesentlicher Bedeutung für die Leistung. Bei einer typischen Seite mit einigen Sync-Scripts und externen Stylesheets vergeht viel Zeit, bis der Browser diese umfangreichen Schriftarten heruntergeladen hat.
Das AMP-System gibt keine HTTP-Anfragen an, bis der Download der Schriftarten beginnt. Dies ist nur möglich, weil sämtlicher JS-Code in AMP das async-Attribut hat und nur Inline-Stylesheets zulässig sind. Es liegen keine HTTP-Anfragen vor, die den Download der Schriftarten durch den Browser blockieren.
Alter Link zur Lösung von Google: https://support.google.com/google-ads/answer/7336293?hl=de
Wieviel ist Deine Zeit wert?
Willst Du die aktuellen Google Prüfungen bestehen und die Lösungen haben?
Fragen ✚ Antworten ✚ Lösung – wie hier
Lernhilfe mit Fragen & Lösungen für Google Zertifizierung als PDF 🥇
Willst du Zeit & Nerven sparen?
ᐅ Jetzt Klicken, PDF aussuchen, sofort per Mail:
ᐅ Vorherige Frage
Frage 2
Worin besteht der erste Schritt zur Optimierung des kritischen Rendering-Pfads?
