Google AMP und Techtest

-

Nur als kleine Info, aktuell habe ich „AMP“ auf Techtest aktiviert und ich würde mich gegebenenfalls über Feedback freuen.

WICHTIG! Das Ganze ist primär für mobile Nutzer gedacht, Desktop- Anwender werden die Seite eigentlich nicht zu sehen bekommen.

 

Was ist AMP?

Ich denke viele werden AMP gar nicht kennen, was ist das und warum sollte ich mich dafür interessieren?

AMP steht für Accelerated Mobile Pages und ist eine Open Source-Initiative, die von Google gestartet wurde um Webseiten smartphone -freundlicher und schneller zu gestallten.

https://www.youtube.com/watch?v=WrpkFROqR0Q

Hierbei werden die Webseiten durch einen „Filter“ gejagt, welcher Scripts die im Hintergrund laufen entfernt und allgemein die Seite entschlackt.

Das Ganze könnte man allgemein mit der Reader- Ansicht in vielen Webbrowsern vergleichen, wo auch überflüssiger Inhalt ausgeblendet wird.

Dies geschieht nur automatisch und von Anfang an, es wird also nicht erst die alte Webseite geladen und dann umgeschaltet. Das Ganze soll Zeit, Daten und Nerven sparen.

 

Wie sieht die Techtest AMP Webseite aus?

Hier einmal ein Screenshot der normalen Mobile Version und daneben der AMP Version.

 

(Links Normal, rechts AMP)

Was bringt AMP in der Praxis?

Und wie viel bringt das Ganze in der Praxis? Sehr viel!

Das Nutzen von AMP verringert die Webseitengröße von Techtest im Schnitt um das drei bis vierfache.

Beispielsweise der Test des Dell XPS 13 hat in der Desktop Version satte 5MB, in der Mobile Version 3MB und in der AMP Version 500KB.

Dementsprechend fallen dann auch die Ladezeiten aus.

YouTube

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

PGlmcmFtZSB0aXRsZT0iSW50cm8gdG8gQU1QIChBY2NlbGVyYXRlZCBNb2JpbGUgUGFnZXMpIiB3aWR0aD0iNjk2IiBoZWlnaHQ9IjM5MiIgc3JjPSJodHRwczovL3d3dy55b3V0dWJlLW5vY29va2llLmNvbS9lbWJlZC9sQlRDQjd5THM4WT9mZWF0dXJlPW9lbWJlZCIgZnJhbWVib3JkZXI9IjAiIGFsbG93PSJhY2NlbGVyb21ldGVyOyBhdXRvcGxheTsgZW5jcnlwdGVkLW1lZGlhOyBneXJvc2NvcGU7IHBpY3R1cmUtaW4tcGljdHVyZSIgYWxsb3dmdWxsc2NyZWVuPjwvaWZyYW1lPg==

Wie kann das sein? Wie gesagt AMP lässt alles an „unnötigen“ Features, Designe Elementen usw. weg. Zudem wird hier Lazyload genutzt.

Lazyload lädt nur Bilder, die im Sichtfeld des Nutzers sind.

Heißt, wenn Ihr eine Seite aufruft, werden die Bilder am Ende der Seite nicht geladen, sondern erst dann wenn Ihr auch wirklich zu diesen kommt.

 

Wie erreicht man die AMP Version?

In Zukunft sollte die AMP Version von Techtest automatisch über Google verlinkt werden, anstelle der normalen Mobile Version.

Sollte das alles gut laufen, werde ich vielleicht die Mobile Version komplett abschalten und Smartphone -Nutzern nur noch die AMP Version präsentieren.

Manuell könnt Ihr AMP ausprobieren indem Ihr ?amp=1 hinter die URL eines Artikels hängt.

https://techtest.org/xiaomi-yeelight-smart-led-streifen-im-test/?amp=1

(AMP Version)

https://techtest.org/xiaomi-yeelight-smart-led-streifen-im-test

(normale Version)

 

Am Ende würde mich Eure Meinung interessieren, ist das Ganze eine sinnvolle Umstellung oder soll ich lieber bei der normalen Mobile Page bleiben?

Michael Barton
Vielen Dank fürs Lesen! Sollte mein Bericht euch geholfen haben würde ich mich über einen erneuten Besuch meiner Webseite und/oder dem Folgen meines Twitter freuen! Vielen Dank!

Neuste Beiträge

Das Sonnet Echo 11 Thunderbolt 4 Dock im Test

Thunderbolt 4 hat mittlerweile Einzug in einige Notebooks gefunden. Zubehör welches allerdings nutzen aus der Thunderbolt 4 Verbindung ziehen kann ist noch recht selten. Eins...

Der Razer USB-C 130W GaN Charger im Test, super Qualität!

Wenn du nach MultiPort USB Ladegeräten suchst werden die meisten Modelle von irgendwelchen teils winzig kleinen asiatischen Herstellern stammen, von denen die wenigsten jemals...

4x Zigbee “Hue” Kompatible RGB Lampen von Philips, Innr, tint und LEDVANCE im Vergleich

Smart Home Beleuchtung liegt absolut im Trend. Gerade Philips Hue erfreut sich weiterhin einer sehr großen Beliebtheit. Die Gründe sind dafür offensichtlich. Philips Hue...

HINTERLASSEN SIE EINE ANTWORT

Please enter your comment!
Please enter your name here

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.