Wenn Sie sich die vergangenen Jahre des Analytics-Datenverkehrs für Websites anschauen, werden Sie wahrscheinlich feststellen, dass sie alle eine wichtige Gemeinsamkeit haben: die steigende Anzahl von Besuchern, die Nutzer von mobilen Geräten erhalten.
Weltweit gibt es heute mehr Web-Traffic von mobilen Geräten als von "traditionellen Geräten", was im Wesentlichen Desktop- oder Laptop-Computer bedeutet. Zweifellos hat Mobile Computing den Konsum von Online-Inhalten durch die Menschen verändert, was bedeutet, dass wir die Art und Weise, wie wir Websites für diese zunehmend mobiler werdenden Zielgruppen erstellen müssen, verändert hat.
Bauen für ein mobiles Publikum
Die Erstellung von "mobile friendly websites" ist seit vielen Jahren eine Priorität für Web-Profis. Praktiken wie responsives Webdesign zielen darauf ab, Websites zu erstellen, die für alle Geräte gut geeignet sind, und ein Fokus auf die Website-Leistung und schnelle Downloadzeiten kommen allen Benutzern - mobil oder anderweitig - zugute. Ein weiterer Ansatz für mobile Websites ist die AMP-Webentwicklung (Accelerated Mobile Pages).
Dieses von Google unterstützte Projekt wurde als offener Standard erstellt, der es Website-Publishern ermöglicht, Websites zu erstellen, die auf mobilen Geräten schneller geladen werden können. Wenn Sie denken, das klingt nach responsivem Webdesign, dann liegen Sie nicht falsch. Beide Konzepte haben viele Gemeinsamkeiten: Sie konzentrieren sich beide auf die Bereitstellung von Inhalten für Benutzer auf mobilen Geräten. Es gibt jedoch eine Reihe von Unterschieden zwischen diesen beiden Ansätzen.
Hauptunterschiede zwischen AMP und Responsive Web Design
Eine der Stärken des responsiven Webdesigns war immer die Flexibilität, die eine Website mit sich bringt. Sie können eine Seite erstellen, die automatisch auf die Bildschirmgröße eines Besuchers reagiert. Dies gibt Ihrer Seite Reichweite und die Möglichkeit, eine breite Palette von Geräten und Bildschirmgrößen zu nutzen, von Mobiltelefonen über Tablets bis hin zu Laptops, Desktops und mehr. Responsive Webdesign konzentriert sich auf alles Geräte und Benutzererlebnisse, nicht nur mobil. Das ist in mancher Hinsicht sowohl gut als auch in anderen schlecht.
Die Flexibilität einer Website ist großartig. Wenn Sie sich jedoch wirklich auf Mobile konzentrieren möchten, kann das Erstellen einer Site, die sich auf alle Bildschirme konzentriert und nicht nur auf mobile Bildschirme, die Flexibilität des Handels für rein optimierte mobile Leistung bedeuten. Das ist die Theorie hinter AMP.
AMP konzentriert sich ausschließlich auf Geschwindigkeit - nämlich auf die mobile Geschwindigkeit. Laut Malte Ubl, dem Google Tech Lead für dieses Projekt, zielt AMP darauf ab, "sofortiges Rendern von Webinhalten" zu ermöglichen. Einige Möglichkeiten, wie dies geschieht, sind:
- Faules Laden
- Pre-connect verwenden
- Ressourcen abrufen
- Async-Javascript
- Inline-Stylesheets
- Keine herunterladbaren Schriftarten
- Ressourcenpriorisierung
Dies sind nur einige der wichtigsten Faktoren, die dazu führen, dass AMP so schnell geladen wird. Es gibt jedoch auch einige Elemente in dieser Liste, die dazu führen können, dass Web-Profis seit langem schrecken. Zum Beispiel Inline-Stylesheets. Vielen von uns wurde seit Jahren gesagt, dass alle Stile in externen Stylesheets enthalten sein sollten. Die Möglichkeit, viele Seiten von einer externen Seite aus zu gestalten, ist eine der Stärken von CSS - eine Stärke, die negiert wird, wenn Seiten stattdessen Inline-Stile verwenden. Ja, Sie müssen die externe Datei nicht herunterladen, müssen jedoch die gesamte Site mit einem einzigen Stylesheet verwalten. Welcher Ansatz ist also besser? Die Realität ist, dass beide ihre Vor- und Nachteile haben. Das Web ändert sich ständig und verschiedene Personen, die Ihre Website besuchen, haben unterschiedliche Bedürfnisse. Es ist sehr schwierig, Regeln festzulegen, die in allen Fällen gelten, da unterschiedliche Ansätze in verschiedenen Situationen sinnvoll sind. Der Schlüssel ist, die Vor- oder Nachteile jedes Ansatzes abzuwägen, um festzustellen, welcher in Ihrem speziellen Fall am besten ist.
Ein weiterer wichtiger Unterschied zwischen AMP und RWD ist die Tatsache, dass responsive Design nur selten zu einer vorhandenen Site hinzugefügt wird. Da es sich bei RWD tatsächlich um ein grundsätzliches Umdenken in Bezug auf die Architektur und Erfahrung einer Site handelt, muss diese Site im Allgemeinen umgestaltet und neu entwickelt werden, um den jeweiligen responsiven Stilen gerecht zu werden. AMP kann jedoch zu einer vorhandenen Site hinzugefügt werden. In der Tat kann es sogar zu einer vorhandenen responsiven Site hinzugefügt werden.
Javascript-Überlegungen
Im Gegensatz zu Websites mit RWD spielen AMP-Sites nicht gut mit Javascript. Dies beinhaltet 3rd Partyscripts und Bibliotheken, die heute auf Websites sehr beliebt sind. Diese Bibliotheken können einer Site unglaubliche Funktionen hinzufügen, sie wirken sich jedoch auch auf die Leistung aus. Es liegt daher nahe, dass ein Ansatz, der sich stark auf die Seitengeschwindigkeit konzentriert, keine Javascript-Dateien benötigt. Aus diesem Grund wird AMP oft am besten auf statischen Webseiten verwendet, im Gegensatz zu hochdynamischen oder solche, die aus irgendeinem Grund bestimmte Javascript-Effekte erfordern. Zum Beispiel wird eine Website-Galerie, die eine Art "Lightbox" -Erfahrung verwendet, kein guter Kandidat für AMP sein. Auf der anderen Seite wäre ein Standard-Website-Artikel oder eine Pressemitteilung, für die keine ausgefallenen Funktionen erforderlich sind, eine großartige Seite für die Bereitstellung mit AMP. Diese Seite wird wahrscheinlich von Personen gelesen, die mobile Geräte verwenden, die den Link in sozialen Medien oder über eine mobile Google-Suche gesehen haben. Die Möglichkeit, Inhalte sofort zur Verfügung zu stellen, wenn sie angefordert werden, anstatt die Downloadgeschwindigkeit zu verlangsamen, während unnötiges Javascript und andere Ressourcen geladen werden, sorgt für ein großartiges Kundenerlebnis.
Die richtige Lösung wählen
Welche Option ist also die richtige für Sie - AMP oder RWD? Das hängt natürlich von Ihren spezifischen Bedürfnissen ab, aber Sie müssen sich nicht für das eine oder das andere entscheiden. Wenn wir intelligentere (und erfolgreichere) Online-Strategien haben wollen, müssen wir alle verfügbaren Tools berücksichtigen und lernen, wie sie zusammenarbeiten. Möglicherweise bedeutet dies, dass Sie Ihre Website reaktiv bereitstellen, AMP jedoch in ausgewählten Abschnitten oder Seiten verwenden, die für diesen Entwicklungsstil am besten geeignet sind. Es könnte auch bedeuten, Aspekte verschiedener Ansätze zu berücksichtigen und diese zu kombinieren, um Hybridlösungen zu schaffen, die sehr spezifische Bedürfnisse erfüllen und den Besuchern dieser Website das Beste aus beiden Welten bieten.
