BROADCASTS.com

Diverse Release-Ank\xfcndigungen des Apple-Teams stellten f\xfcr Peter und Schepp den\nAnlass, zu schauen, was sich bei Team WebKit so tut. Und das ist eine ganze\nMenge! Deshalb haben wir es auch nicht in eine Revision quetschen k\xf6nnen,\nsondern sie ben\xf6tigten derer zwei. Wir st\xfctzen uns dabei auf die Release-Notes\nvon Safari 17 und 17.2 Beta sowie den Safari Technology Previews 178, 180 und\n181.\n\n\nSCHAUNOTIZEN\n\n[00:01:40] IMPORT ATTRIBUTES\n\nAuch Safari unterst\xfctzt nun Import Attributes, mit Hilfe derer sich etwa JSON\noder CSS nativ in JavaScript importieren l\xe4sst. Wir sprechen \xfcber das dazu\ngenutzte Keyword with, das innerhalb von ES Modules eine Umwidmung erfahren hat.\nChrome muss neben with wohl f\xfcr alle Ewigkeit auch das Alias assert\nunterst\xfctzen, weil man etwas voreilig mit dem Zurverf\xfcgungstellen des Features\nwar. Aus Gr\xfcnden kommen wir auf das Hochstift Osnabr\xfcck \u2013 fragt nicht.\n\n[00:17:26] PRIORITY HINTS\n\nSafari unterst\xfctzt nun das fetchpriority-Attribut, das mit den Werten low, high\nund auto bef\xfcttert werden kann. Und das bedeutet, auch in Safari kann man sich\nmit falsch gewichteten Priority Hints in den Zeh schie\xdfen!\n\n[00:23:41] WINDOW.REQUESTIDLECALLBACK()\n\nHalleluja, ganze acht Jahre nach dem ersten Auftauchen dieser API in Chrome\nk\xf6nnen wir window.requestIdleCallback() endlich auch in Safari nutzen! Wir reden\ndar\xfcber, wie sich damit und mit weiteren APIs wie das von Facebook ersonnene\nnavigator.scheduling.isInputPending() und dem noch hinter Flags und in einem\nOrigin Trial befindlichen scheduler.yield() der Main-Thread vor \xdcberlastung\nsch\xfctzen l\xe4sst. Auch kommen wir auf den Compute Pressure Observer, mit dem sich\nCPU-Auslastung zuk\xfcnftig messen l\xe4sst.\n\n[00:38:19] PRELOAD HINTS F\xdcR RESPONSIVE BILDER UND ES MODULES\n\nSafari unterst\xfctzt zuk\xfcnftig das Preloaden von responsiven Bildern mit der f\xfcr\ndiesen Zweck ausgeweiteten Syntax. Das hilft, den LCP-Wert der Core Web Vitals\nzu senken. Auch wird das Preloaden von ES Modules unterst\xfctzt. Hier dreht sich\nSchepps und Peters Diskussion um die Frage, weshalb man das ES-Modules-Preloaden\nnicht in das normale Preload integrieren konnte und ein extra Wert namens\nmodulepreload ersinnen musste. Der Grund liegt an den sogenannten \u201eReauest\nDestinations\u201c.\n\n[00:49:16] HTTP EARLY HINTS\n\nHTTP Early Hints sind ein Mittel f\xfcr Server, die beim Bauen des HTML ausgebremst\nwerden, zumindest Preload- und Preconnect-Hints vor der eigentlich Antwort vorab\nan den Client zur Verarbeitung zu senden. So wird die Wartezeit besser genutzt!\n\xdcbrigens, bei Preconnect Hints ist es essentiell, nicht nur den Host, sondern\nauch das Verbindungsprotokoll anzugeben (meist https://). Sonst klappt der\nPreconnect nicht!\n\n\nANMELDUNG ZUR REVISION 600 IM ONLINE FORMAT\n\nHIER GEHT\u2019S ZUR ANMELDUNG AUF MEETUP\n\nFeiert am 07.01. von 15 bis 18 Uhr mit uns die 600. Podcast-Episode bei einem\neinzigartigen Online-Event! Wir veranstalten eine Fishbowl-Diskussion, bei der\neinige Teilnehmer im \u2018inneren Kreis\u2019 diskutieren, w\xe4hrend andere im \u2018\xe4u\xdferen\nKreis\u2019 zuh\xf6ren und dann einsteigen k\xf6nnen. Es ist eine interaktive und\ndynamische Form des Austauschs, perfekt, um tief in das Thema Webentwicklung\neinzutauchen. Wir freuen uns auf euch!