2023, Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner und Christian Schaefer
Working Draft
https://workingdraft.de/
In dieser Diskussion sprechen wir über verschiedene Optimierungen zur Verbesserung der Webseitenperformance und die Herausforderungen bei der Einführung neuer Webstandards. Wir diskutieren die Bedeutung von Fetch Priority und Request Idle Callback und wie sie eingesetzt werden können, um Ressourcen abzurufen und Callbacks auszuführen, wenn die CPU-Auslastung niedrig ist. Dabei erwähnen wir auch das Importattribute des WebKit-Teams, das die korrekte Interpretation von Inhalten ermöglicht, bevor der Content-Type abgerufen wird. Wir sprechen auch über die verschiedenen Anforderungen für Browser und Node.js, die die Implementierung kompliziert machen. Darüber hinaus erwähne ich meine Pläne, einen Workshop für Backend-Entwickler durchzuführen, in dem ich den Aufbau von Web-Apps mit Next.js und React erkläre. Ich vergleiche dies mit dem Aufbau eines Staates und möchte die Geschichte dahinter erzählen, um die Entscheidungen und Überlegungen bei der Entwicklung von Webseiten zu veranschaulichen. Wir diskutieren auch die Verbesserungen bei der Webentwicklung und wie Frameworks und Tools dabei helfen können. Ein weiteres Thema in unserer Diskussion ist die Fetch-API und der Einsatz von Request Idle Callback zur Performanceverbesserung von Webseiten. Wir stellen fest, dass es keinen offensichtlichen Grund gibt, die Fetch-API zu verwenden, obwohl sie unterstützt wird, aber es könnte Szenarien geben, in denen sie nützlich ist. Die Request Idle Callback-API ermöglicht es Entwicklern, Callbacks auszuführen, wenn die CPU-Auslastung niedrig ist, was für manuelles Clean-up oder das Verzögern von unwichtigen Skripten verwendet werden kann. Wir diskutieren auch die Frage, ob eine Seite sofort vollständig geladen werden sollte oder ob es akzeptabel ist, bestimmte Inhalte nachträglich zu laden. Wir halten fest, dass es in einigen Kontexten wichtig sein kann, eine Seite vollständig zu laden, aber in den meisten Fällen ist es akzeptabel, Dinge nachzuladen, auch wenn dies einen Pageview kostet. Wichtige Erkenntnisse werden dadurch nicht beeinflusst. Außerdem erwähnen wir Tools wie Hotjar, um das Benutzerverhalten zu analysieren, und betonen, dass dekorative Elemente nachrangig behandelt werden sollten, um blockierende Prozesse zu vermeiden. In unserer Diskussion werden auch verschiedene Techniken und APIs zur Verbesserung der Leistung und Reaktionsfähigkeit einer Webseite erörtert, wie z.B. der Scheduler Yield, die "Compute Pressure" API und das Link Rel Module Preload. Wir diskutieren auch Optimierungsmöglichkeiten für Fonts, Hero-Builds und Largest Contentful Paint. Wir weisen jedoch darauf hin, dass bei der Verwendung von Preconnect Vorsicht geboten ist, da dies zu einer übermäßigen Verwendung von HTML-Attributen führen kann. Abschließend erwähnen wir, dass der Podcast in Zukunft weitere Gäste einladen wird, um Wissenslücken zu schließen, und berichten von einem Treffen mit Vanessa von Border None in Nürnberg. Wir hoffen auch, das Backlog über Weihnachten abzuarbeiten und sind gespannt auf neue Safari-Versionen.