Accelerated Mobile Pages, kurz AMP, ist ein Projekt, an dem Google seit einigen Jahren arbeitet, um Websites die Erstellung schnellerer mobiler Erlebnisse zu erleichtern. Sie haben wahrscheinlich in den letzten ein oder zwei Jahren gesehen, dass die meisten Ihrer Lieblingswebsites AMP unterstützen, und jetzt können Sie auch Android Police (Ihre Lieblingswebsite) dazu zählen!
Hier geht nichts!
Die Implementierung von @AMPhtml unter der Haube ist ein Jahr in der Entwicklung und gehört daher zu den besten im Geschäft.
Wirklich schnell und kompetent, wobei die Hauptwebsite in gewohnter Optik und Funktionalität so genau wie möglich angepasst wird. pic.twitter.com/S4iOdZyp9G
– Artem Russakovskii (@ArtemR), 30. August 2019
Also, was hat so lange gedauert? Nun, wir haben ein ganzes Jahr an einer stark angepassten Version von AMP gearbeitet, die fast genauso aussieht und sich genauso anfühlt wie die reale Site. Alle Designelemente sehen gleich aus, der Kommentarbereich funktioniert (viele Websites vergessen diesen Teil!), Videos und andere eingebettete Inhalte sind voll funktionsfähig und alles ist im Allgemeinen so, wie Sie es erwarten würden. Sie können jedoch immer noch den Geschwindigkeitsvorteil von AMP nutzen, da Elemente erst geladen werden, wenn Sie nach unten scrollen. Hier können Sie eine Demo sehen.
Links: Regelmäßige Seite; Recht: AMP Seite
Wenn Sie sich in der AMP-Version einer Seite befinden und die Originalversion anzeigen möchten, finden Sie einen praktischen Link direkt unter dem Titel des Artikels. Auf den meisten Websites ist es äußerst schwierig, zur ursprünglichen Seite zurückzukehren, und obwohl unsere AMP-Website im Grunde dieselbe wie die mobile Website ist, haben wir trotzdem einen Link eingefügt. Nur Artikel haben AMP-Versionen, nicht die Startseite, Kategorien, Tags usw.
Die Bildergalerie ist einer der besten Aspekte von AMP-Artikeln. Es ist super flüssig und reaktionsschnell und Sie können jederzeit darüber streichen, um das Popup zu schließen.
Ein Blick in die AMP-Galerie auf der AMP-Website von @ AndroidPolice. Das Beste ist, nach unten zu wischen, um zu entlassen. Ich persönlich liebe es. pic.twitter.com/ZypDkkuP10
– Artem Russakovskii (@ArtemR), 31. August 2019
Ein Teil der Arbeit an AMP hat sich bereits positiv auf den Hauptstandort ausgewirkt. Da AMP beispielsweise kein benutzerdefiniertes JavaScript zulässt, mussten wir eine neue Größenänderungsmethode für Bilder (und Videos sowie andere eingebettete Inhalte) erstellen, die vollständig auf CSS und serverseitigem PHP basiert. Wir haben die neue Implementierung Anfang dieses Monats auf der Hauptseite eingeführt, wodurch das lästige Problem des Bildladens beim Hoch- und Runterspringen von Seiten auf Mobilgeräten ein für allemal beseitigt wurde.
Jetzt live auf https://t.co/lCN5IQmDXV!
Sie müssen nicht mehr darauf warten, dass die gesamte Seite geladen wird, um alle Bilder und Einbettungen auf die Größe von Mobilgeräten anzupassen. Die Größenänderung erfolgt jetzt sofort und in CSS. https://t.co/0TevBL1Ub7
– Artem Russakovskii (@ArtemR) 6. August 2019
Wir haben uns auch für das Google-Programm "AMP Real URL" angemeldet. Wenn Sie also die AMP-Seite in Chrome besuchen, wird in Kürze "androidpolice.com" in der Adressleiste anstelle einer Google-URL angezeigt (wenn Sie Google Feed / News / Search aufrufen) /usw.). Der Rollout ist abhängig von serverseitiger Magie und sollte in den nächsten Tagen erfolgen.
Der einzige Fehler, den Sie möglicherweise bemerken, ist, dass die Vollbildgalerie beim Wischen manchmal Bilder überspringt. Dies liegt an einem Problem mit der offiziellen AMP-Galerie, das wir nicht behoben haben, und die Google-Ingenieure sagen, dass es einige Wochen dauern wird, bis der Fehler behoben ist.
Es hat einen erheblichen Aufwand gekostet, unsere AMP-Seiten so zu gestalten, dass sie mit der Hauptwebsite vollständig sind, und ich denke nicht, dass es eine der besten Implementierungen im Web von heute ist. Wenn Sie darauf gewartet haben, danken Sie unbedingt unserem talentierten Entwicklungsteam – Artem, Maciej, Sebastiaan, Stephan und Vlad.
Wenn Sie einen Fehler finden, teilen Sie uns dies mit, indem Sie ein Problem bei GitHub melden oder einen Tipp senden.