Google kündigt neue Chrome-Entwicklungstools an, um Seitenladevorgänge zu reduzieren und UX zu verfeinern

Vor zwei Jahrzehnten begann Google als Websuchmaschine, doch heute dominiert es die Art und Weise, wie wir das Web erleben und mit ihm interagieren. Die Google-Suche allein macht den größten Teil der Online-Nutzung aus, aber auch andere Produkte wie der weltweit beliebteste Browser – Google Chrome – sowie das meistgenutzte mobile Betriebssystem – Android – haben Google unter anderen Interessenvertretern des Internets an die Spitze gebracht. Der Prozentsatz der Benutzer, die über mobile Geräte online gehen, ist gestiegen, und damit auch der Schwerpunkt des Internetgiganten auf der Reduzierung der Ladezeiten, um die Bindung zu gewährleisten. AMP bzw beschleunigte mobile Seiten war ein Schritt, den Google unternommen hat, um ein schnelleres Laden von Webseiten sicherzustellen. Letztes Jahr wurde außerdem ein Webelement namens „Portale" um den „nahtlosen“ Wechsel zwischen Webseiten zu optimieren.

Mit der Vision „Laden verschwinden lassen„Google hat heute neue Entwicklertools auf der angekündigt Chrome Dev Summit 2019 um das Web sicherer und benutzerfreundlicher zu machen und gleichzeitig die Chancen zu verbessern, Entwicklern dabei zu helfen, ihre Benutzerbasis und ihre Einnahmen zu steigern.

Portale

Google hat den Fortschritt demonstriert Portale hat gemacht, seit sie es Anfang dieses Jahres auf der Google I/O vorgestellt und hinter einer Flagge in Chrome Canary implementiert haben. Um Ihr Gedächtnis aufzufrischen, ermöglicht Portals Entwicklern, bestimmte Inhalte oder ganze Webseiten wie einen Iframe in eine andere Webseite einzubetten. Um Wartezeiten zu vermeiden, wird der Inhalt im Portal oder im Frame geladen, während Benutzer noch auf der ursprünglichen Webseite surfen.

Google hat ein Beispiel für den Kinokartenverkaufsdienst Fandango geteilt, bei dem die Zielseite für einen bestimmten Film (Joker im Beispiel) ist innerhalb eines Portals gebunden. Wenn ein Benutzer auf Joker tippt, wird die nächste Seite bereits vollständig geladen gerendert.

Webpakete

Google kündigt an Webpakete Es wurde entwickelt, um Webentwicklern dabei zu helfen, ihre Webinhalte über verschiedene Medien, einschließlich, aber nicht beschränkt auf E-Mail, USB oder FTP, mit anderen zu teilen. Entwickler werden in der Lage sein, den gesamten Webinhalt, der geteilt werden soll, mithilfe von APIs effektiv zwischenzuspeichern Regelmäßige Hintergrundsynchronisierung Und Inhaltsindizierung und dann selektiv den erforderlichen Inhalt rendern, auch wenn der Endbenutzer nicht mit dem Internet verbunden ist. Damit Webentwickler diese Funktionalität nutzen können, stellt Google Web Bundles hinter einer Chrome-Flagge zur Verfügung, während die beiden APIs als verfügbar sein werden Ursprungsversuche.

Natives Web-Erlebnis

Google ist sich zwar bewusst, dass viele Nutzer ihre Mobiltelefone nutzen, um online zu gehen, erkennt aber auch die geräteübergreifenden Nutzungsmuster auf der ganzen Welt an. Seit mehr als ein paar Jahren drängt Google Progressive Web-Apps (PGAs) als Ersatz für native Android-Apps mit dem Ziel, Ladezeit und Datenverbrauch zu reduzieren.

[Video width="390" height="800" mp4=" https://static1.xdaimages.com/wordpress/wp-content/uploads/2019/11/Login_OTP_Flow_Swiggy.mp4"]

Um die Anwendungen im Web mit nativen Apps in Einklang zu bringen, kündigt Google drei neue Funktionen für Entwickler an. Diese sind:

1. SMS-Empfänger, wodurch Web-Apps genau wie Apps SMS-basierte Authentifizierungscodes abrufen können. Im Video oben können Sie sehen, wie nahtlos die Webversion von Swiggy, einem indischen Essensbestelldienst, dem Benutzer vorschlägt, den per SMS erhaltenen Bestätigungscode zu nutzen.
2. Kontaktieren Sie PickerDadurch können Benutzer Kontakte auf Web-Apps hochladen, ähnlich wie bei der Kontaktfreigabe in Messaging-Apps wie WhatsApp.
3. Native Dateisystem-API, wodurch Web-Apps die Berechtigung und die Möglichkeit erhalten, Dateien und Ordner vom Gerät eines Benutzers zu lesen und Änderungen direkt daran zu speichern. Mögliche Anwendungen dieser Funktion können Online-Texteditoren, Foto- und Videoeditoren, sogar webbasierte IDEs und mehr sein.

Diese APIs werden auch als Original-Testversionen für Google Chrome verfügbar sein.

Neue Metriken und Anleitungen für Entwickler

Um die allgemeine „Gesundheit des Webs“ zu kontextualisieren, hat Google ein Projekt namens „ Der Web-Almanach in Partnerschaft mit der HTTP-Archiv. Unter der Leitung von 85 Experten zielt das Projekt darauf ab, Erkenntnisse zu gewinnen und Trends anhand umsetzbarer Daten über die besten und schlechtesten Praktiken im Internet zu visualisieren.

Die Mission umfasste die Überprüfung von fast 6 Millionen Websites. Anschließend haben diese Experten ihre Schlussfolgerungen zu Möglichkeiten zur Verbesserung der Benutzererfahrung zusammengefasst 20 Kapitel. Diese Praxis wird als „jährliche Tradition“ wiederholt, damit der Almanach ein einfallsreicher Leitfaden für Webentwickler bleibt.

Darüber hinaus führt Google zwei neue Metriken ein, um Entwicklern dabei zu helfen, ihre Websites im Hinblick auf Best Practices zu optimieren. Diese sind:

1. Größter Contentful Paint (LCP), also die „gefühlte“ Ladezeit einer Webseite. Einfach ausgedrückt handelt es sich um die Ladezeit des „größten im Ansichtspunkt sichtbaren Elements“. Dieser Wille Quantifizieren Sie, wie schnell die Schlüsselelemente auf einer Webseite geladen werden, damit Entwickler jegliche Art eliminieren können der Verzögerung. Der LCP wird für die Zeit berechnet, bevor der Benutzer mit der Seite interagiert. Ziel ist es daher, die Ladeverzögerung so gering wie möglich zu halten.
2. Kumulative Layoutverschiebung (CLS), das zur Messung der Stabilität von Webseiten verwendet wird. Damit können Entwickler ermitteln, wie oft Elemente wie Schaltflächen oder ein bestimmtes Bild ihre Position im sichtbaren Teil ändern, während die Seite geladen wird. Somit kann CLS Entwicklern dabei helfen, dieses frustrierende Problem zu beseitigen, dass Elemente ihre Position ändern, während die Seite geladen wird. Diese Metrik basiert auf dem „Layout-Shift-Score“, der die Tendenz von Seitenelementen misst, sich beim Laden zu verschieben und dadurch Benutzer zu stören. Der Layout-Shift-Score sollte idealerweise Null sein – oder zumindest so nahe wie möglich bei Null –, um den Benutzern ein problemloses Erlebnis zu gewährleisten.

Mit dem Ziel, Entwicklern dabei zu helfen, die beste Leistung, Zugänglichkeit und Effizienz auf ihren Websites zu erzielen, erweitert Google den Umfang von Leuchtturm-Stapelpakete zu einer Vielzahl von Frameworks. Neben WordPress und Next.js, das bereits von Lighthouse unterstützt wird, fügt Google Unterstützung für hinzu Frameworks wie AMP, Angular, React sowie Magento, das CMS ausschließlich für den E-Commerce Websites.

Verbessern Sie die Speicherverwaltung, verbessern Sie den Datenschutz und erhöhen Sie die Kontrolle

Google gibt an, Zeit, Mühe und Geld zu investieren, um eines der größten Probleme mit Google Chrome zu beheben: den Speicherverbrauch. Sie arbeiten nicht nur an der Verbesserung der Speicherverwaltung, sondern verbessern auch ständig die Leistung von Chrome, um sicherzustellen, dass das Web für alle zugänglich bleibt, unabhängig von „der Gerätetyp, die Internetgeschwindigkeit oder die Kaufkraft."

Im Hinblick auf den Datenschutz wird die nächste Version von Google Chrome, d. h. Version 79, den Umgang mit Cookies verbessern. Dazu gehört ein neuer Schalter auf der Seite „Neue Tabs“ im Inkognito-Modus, mit dem Benutzer Cookies von Drittanbietern viel besser kontrollieren können. Die Seite „Einstellungen“ wird ebenfalls optimiert, um diesen Schalter im regulären Modus leicht zugänglich zu machen.

Google verstärkt seine Bemühungen in der Entwicklung von Datenschutz-SandboxDies ist definiert als eine Reihe offener Standards zur Verbesserung des Datenschutzes im Internet. Ziel der Privacy Sandbox ist es, Websites den Einsatz von Cookies zu ermöglichen, ohne dass sich Benutzer durch Werbung überfordert oder unsicher fühlen, und gleichzeitig Möglichkeiten zu finden, Fingerabdrücke zu blockieren.