Warum hat Google das AMP-Programm gestartet?

Warum startet Google das AMP-Programm?

Google hat kürzlich ein Webbeschleunigungsprojekt namens AMP angekündigt, um die Ladegeschwindigkeit mobiler Webseiten zu verbessern. AMP ist ein Open-Source-Projekt, das HTML, CSS, JavaScript einschränken kann Dies wirkt sich auf die Ladegeschwindigkeit von Webseiten aus. Diese Technologie kann dazu beitragen, dass Nexus 5-Mobiltelefone die Ladegeschwindigkeit von Webseiten unter 3G-Netzwerken um 15 % bis 85 % steigern Auswirkungen auf SEO. Auswirkungen ) Der technische Kern dieses Projekts ist AMP HTML, das HTTP-Anfragen minimieren und den gesamten Webseiteninhalt gleichzeitig laden kann, aber diese Technologie schränkt CSS wie Animationen ein und Bildlaufleisten können betroffen sein, und Inhalte, die JavaScript-Code verwenden, werden nicht unterstützt.

Spezifische Probleme mit der ursprünglichen Mobiltelefon-Website >

Bevor wir die Lösung besprechen, lohnt es sich, ein wenig Zeit damit zu verbringen, das Problem zu untersuchen. Wenn Sie viel auf Mobilgeräten lesen, wissen Sie wahrscheinlich bereits, wie schlecht webbasierte Interaktionen auf Computern sind Laden oft langsam, rendern unregelmäßig und interagieren auf seltsame Weise, hauptsächlich aus zwei Gründen:

Eingriffe Dritter

Das Einfügen von Werbung und einige Tracking- und Analysetechnologien Erhöht die Größe der Seite und erhöht die Anzahl der Anfragen, selbst wenn der Benutzer ein Gerät mit begrenzter Bandbreite und CPU-Verarbeitung besitzt. Darüber hinaus verhält sich die Seite oft so, als ob sie nur für Werbung gedacht wäre, indem mehrere document.write() eingefügt werden. Die New York Times führte kürzlich einen Test durch, der zeigte, dass die Seitengröße nach der Installation von Inhaltsblockierungssoftware auf iOS-Telefonen zunahm Responsives Website-Design

Während die meisten responsiven Websites auf allen Bildschirmgrößen gut funktionieren, führt dies jedoch auch dazu, dass sie bei der Anzeige auf Mobiltelefonen viele Desktop-Anzeigeressourcen verbrauchen. Als Paul Irish die Leistung von Reddit untersuchte, sagte er stellte fest, dass ein großer Teil des Overheads auf die Verwendung von SVG-Rendering für Reddits Maskottchen zurückzuführen ist, sodass Animationseffekte angezeigt werden können, wenn die Maus darüber bewegt wird (basierend auf einer Bibliothek eines Drittanbieters, was einen hohen Overhead bedeutet). ist keine Situation, in der Ressourcen häufig auf Mobilgeräten gefunden werden können.

Laut der Umfrage (PDF, 3,4 MB) beträgt die durchschnittliche Ladezeit für einen Artikel auf Mobilgeräten Es ist offensichtlich übertrieben, in der Welt der Facebook Instant Articles, Apple News und AMP ein zweites Vine-Video zu durchsuchen. Objektiv betrachtet scheint es ewig zu dauern laden.

Wie sich AMP unterscheidet

Einige Hintergrundinformationen dazu, wie sich AMP und Facebook Instant Articles von Apple News unterscheiden, verdeutlichen, was Google für seine neue digitale Veröffentlichungsinitiative Decide tut.

Facebook Instant Articles und Apple News haben Folgendes gemeinsam:

In-App-Erlebnis

Leser passieren Facebook-Software auf Ihrem Telefon, um auf Facebook Instant Articles zuzugreifen, während Apple News in iOS 9 eine völlig separate App verwendet. Auf keiner der Plattformen können Benutzer ihre Artikel außerhalb der App lesen. Sie können sie sich als eine speziell entwickelte RSS-Aktualisierungsanwendung vorstellen.

Syndication Driven

Allerdings verwenden Facebook und Apple unterschiedliche Syndication-Formate (das Apple News-Format basiert auf JOSN, während das Instant Articles-Markup mehr oder weniger mit HTML getaggt ist). RSS-Feeds basieren alle auf dem gleichen Prinzip: Sie bringen das Content-Management-System dazu, die erforderlichen Syndication-Formate zu generieren, und dann werden Facebook und Apple ununterbrochen daran arbeiten, sie zu extrahieren, zu analysieren und ansprechend zu gestalten, gefolgt von einer schnellen Anpassung Rendern.

Erlebnisorientiert

Während sich Facebook Instant Articles und Apple News beide auf die Leistung konzentrieren, konzentrieren sie sich auch darauf, Artikel moderner aussehen zu lassen. Beide Plattformen verfügen über Komponenten, die es uns ermöglichen, elegante und flüssige Schnittstellen zu erstellen, was im Allgemeinen zu einem anpassbaren, handgefertigten Leseerlebnis führt.

Im Gegensatz dazu hat AMP einen anderen Schwerpunkt:

Webseitenbasierte Erfahrung

AMP-Dateien werden so gestaltet, dass das Ergebnis möglich ist auf Browsern und WebViews gerendert werden.

Atomdateien

Obwohl AMP-Dateien zur AMP-Laufzeit validiert, analysiert und teilweise gerendert werden müssen, werden sie auf Ihrem Server oder CDN als völlig unabhängige Dateien zwischengespeichert als einige Quelldatensätze, die irgendwann in Artikel umgewandelt und in der APP gerendert werden können.

Leistungsorientiert

Im Vergleich zum Interaktionsmodus oder zu ästhetischen Elementen legt AMP mehr Wert auf die Leistung. Das soll nicht heißen, dass AMP-Dateien alle blechern sind (wenn sie das richtige Design verwenden, können sie genauso ansprechend sein wie Facebook Instant Articles oder Apple News), aber anstatt ausgefallene visuelle Elemente wie verrückte kleine Dinge anzubieten, legen sie mehr Wert darauf, wie das geht Artikel schneller rendern.

Google verwendet jetzt AMP HTML für seine Suchprodukte. Obwohl es noch einige Einschränkungen der Technologie gibt, haben laut Google 30 Verlage und Technologieunternehmen an dem Projekt teilgenommen, darunter die BBC, die New York Times und Buzzfeed.

Obwohl diese anfänglichen technischen Parameter geändert werden können, wurden die technischen Spezifikationen von AMP auf Github veröffentlicht, damit Websites sie ausprobieren können.

Google arbeitet derzeit intensiv daran, sein mobiles Leseerlebnis zu verbessern. Obwohl diese Technologie noch einige Mängel aufweist, machen mobile Endgeräte 37 % des Datenverkehrs aus, was immer mehr Websites dazu bewegen wird, dem AMP-Programm beizutreten. DerzeitBaidu, Sogou und Yahoo unterstützen AMP offiziell!

Das obige ist der detaillierte Inhalt vonWarum hat Google das AMP-Programm gestartet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!