Wöchentliche Plattform-Nachrichten: PWA-Problem auf iOS, Leistungskultur, Anti-Tracking in Browsern

Šime veröffentlicht regelmäßig Inhalte für Webentwickler auf webplatform.news. Jede Woche behandelt er aktuelle Nachrichten an der Schnittstelle von Entwicklungsstandards und den Tools, die sie im Web verfügbar machen.

Installierte PWAs lassen sich auf iOS nicht einfach neu starten

iOS 12.2 PWAs
🔁 In-App-Browser für externe Inhalte (OAuth)
💾 Neuer Lebenszyklus (kein Neuladen)
🔙 Navigationsgesten
🤝 WebShare
⚠️ Bewegungsensoren deaktiviert; altes getUserMedia entfernt
👍 IntersectionObserver, ConicGradients, datalist, Farbwähler, AbortFetchhttps://#/LNzq6MzqjR

— Maximiliano Firtman @ 🇱🇹 Vilnius (@firt) 26. März 2019

Maximiliano Firtman: Auf iOS ist es nicht möglich, eine installierte PWA neu zu starten, indem man sie aus dem Bildschirm „zuletzt verwendete Apps“ schließt und sofort wieder öffnet. Statt die App neu zu starten, stellt iOS ihren Zustand wieder her. Dies kann für Benutzer problematisch sein, wenn die PWA in einem fehlerhaften Zustand hängen bleibt.

<input> mit type 'file' Bug auf #iOS 12.2 #PWA
Öffnen Sie das Eingabefeld, legen Sie die PWA durch Drücken der Home-Taste in den Hintergrund. Das Eingabefeld funktioniert nicht mehr. Gilt für jedes Eingabefeld mit type 'file' in der gesamten App. Es funktioniert nach einem Neustart des Telefons. pic.twitter.com/IfzsXy91RK

— Pankaj Nathani ⭐️ (@croozeus) 11. April 2019

Nach einer unbestimmten Zeit scheint der gespeicherte Kontext zu verschwinden. Wenn Sie also die PWA verlassen, nichts mit Ihrem Telefon machen und einige Stunden warten, bis Sie zur PWA zurückkehren, startet sie von vorne.

Aufbau einer Leistungskultur bei The Telegraph

Wir bei The Telegraph haben hart daran gearbeitet, die Leistung von Drittanbietern zu verbessern. Hier ist ein Einblick in unseren Ansatz – https://#/4hhRDYaidS #webperf ⚡️

— Gareth Clubb (@digitalclubb) 30. April 2019

Gareth Clubb: Bei The Telegraph (einer großen britischen Zeitung) haben wir eine Arbeitsgruppe für Web-Performance eingerichtet, um unsere „organisatorischen“ Performance-Herausforderungen anzugehen und eine Leistungskultur zu etablieren. Die Gruppe trifft sich regelmäßig, um Drittanbieter-Tags zu überprüfen und an der Verbesserung der Website-Performance zu arbeiten.

Wir haben begonnen, sämtliches JavaScript (einschließlich unseres eigenen) mit dem Attribut <script defer> zu verzögern. Allein diese Änderung hat unseren (nicht gedrosselten) Lighthouse-Performance-Score fast verdoppelt.

Das Verzögern unseres JavaScripts hat weder bestehende Analysen verzerrt noch Anzeigen verzögert. [...] Die Metrik „First Ad Loaded“ verbesserte sich um durchschnittlich vier Sekunden.

Außerdem haben wir 1 MB an Drittanbieter-Payloaden aus unserem neuen Frontend entfernt. Wenn eines unserer Teams die Hinzufügung eines neuen Skripts beantragt, testen wir das Skript nun isoliert und lehnen es ab, wenn es unsere Metriken (First Contentful Paint usw.) verschlechtert.

Als wir mit diesem Prozess begannen, hatten wir eine Sammlung sehr alter Skripte und konnten den ursprünglichen Anfragenden nicht nachverfolgen. Wir haben diese entfernt, mit der Prämisse, dass, wenn sie wichtig wären, sich Leute wieder melden würden – niemand tat es.

Microsoft plant, Tracking-Schutz zum Edge-Browser hinzuzufügen

Kyle Pflug: Microsoft hat Pläne angekündigt, dem Edge-Browser Optionen zur Blockierung von Trackern hinzuzufügen. Bösartige Tracker würden automatisch blockiert, und der Benutzer hätte die Möglichkeit, zusätzlich alle potenziellen Tracker zu blockieren.

Dies würde Edge zum vierten großen Browser mit einer Form von integriertem Anti-Tracking-Feature machen (zwei andere große Browser, Opera und UC Browser, beinhalten stattdessen Adblocker).

1. Im Jahr 2015 fügte Firefox den Tracking Protection hinzu – kürzlich in Content Blocking umbenannt – und wurde damit zum ersten großen Browser, der Benutzer vor Drittanbieter-Trackern schützt (beim Surfen im Web im privaten Modus).
2. Seit 2017 verhindert Safari standardmäßig Cross-Site-Tracking durch eine Funktion namens Intelligent Tracking Prevention (ITP). Benutzer werden aufgefordert, Tracking zuzulassen, wenn sie versuchen, mit Drittanbieter-Widgets auf Websites zu interagieren.

   

3. Anfang dieses Jahres fügte Samsung Internet eine experimentelle Funktion namens Smart Anti-Tracking hinzu, die Drittanbieter-Trackern den Zugriff auf Cookies verweigert.