Wöchentliche Plattform-Nachrichten: Textabstand-Bookmarklet, Top-Level Await, Neuer AMP-Lade Indikator

In der dieswöchigen Zusammenfassung: Ein praktisches Bookmarklet zur Inspektion von Typografie, die Verwendung von await, um zu experimentieren, wie JavaScript-Module einander importieren, und der In-App-Browser von Facebook, der nur vorgibt, einer zu sein. Los geht's mit den Neuigkeiten!

Prüfen Sie, ob Ihr Inhalt beim Erhöhen des Textabstands bricht

Dylan Barrell von Deque hat ein Bookmarklet erstellt, mit dem Sie prüfen können, ob es Probleme mit dem Inhalt oder der Funktionalität Ihrer Website gibt, nachdem Sie den Zeilen-, Absatz-, Buchstaben- und Wortabstand erhöht haben, gemäß dem Erfolgskriterium „Textabstand“ der Web Content Accessibility Guidelines.

(via Dylan Barrell)

Top-Level Await in JavaScript-Modulen verwenden

Die vorgeschlagene Top-Level await-Funktion ist besonders nützlich in JavaScript-Modulen: Wenn Modul A Top-Level await verwendet (z. B. um eine Verbindung zu einer Datenbank herzustellen) und Modul B Modul A importiert – über die import-Deklaration –, dann wird der Körper von B nach dem Körper von A ausgewertet (d. h. B wartet korrekt auf A).

Top-Level await ermöglicht es Modulen, wie große asynchrone Funktionen zu agieren: Mit Top-Level await können ECMAScript-Module (ESM) Ressourcen awaiten, was dazu führt, dass andere Module, die sie importieren, warten, bevor sie mit der Auswertung ihres Körpers beginnen.

(via Brian Kardell)

AMPs neuer mehrstufiger Ladeindikator

AMP hat einen neuen mehrstufigen Ladeindikator entwickelt, der eine bessere wahrgenommene Leistung aufweist (getestet an 2.500 Benutzern): Er zeigt nichts bis 0,5 s, dann eine Zwischenanimation bis 3,5 s und schließlich einen sich wiederholenden Spinner danach an.

(via Andrew Watterson)

In anderen Nachrichten…

• AMP hat das <amp-script></amp-script>-Element veröffentlicht, das es AMP-Seiten zum ersten Mal ermöglicht, benutzerdefinierten JavaScript-Code hinzuzufügen, mit einigen Einschränkungen: Der Code läuft in einem separaten Worker-Thread und erfordert eine Benutzergeste, um den Seiteninhalt zu ändern (via AMP Project).
• Der HTML-Standard hat autofocus zu einem globalen Attribut gemacht, das „für alle Elemente gilt, nicht nur für Formularsteuerelemente“ (z. B. ermöglicht diese Änderung
  , aber kein Browser unterstützt dies bisher) (via Kent Tamura).
• Der In-App-Browser von Facebook (basierend auf Androids WebView) ist kein Browser: „Facebook zerstört das Web für 20–30 % Ihres Traffics, weil Sie sie nicht auffordern, sich zu verbessern“ (via Alex Russell).

Lesen Sie weitere Neuigkeiten in meiner neuen, wöchentlichen Sonntagsausgabe. Besuchen Sie webplatform.news für weitere Informationen.