LCP, CLS, FID, WTF!? Core Web Vitals verstehen, messen und optimieren

Das Jahr 2021 stand bei Google ganz im Zeichen der "Core Web Vitals" - einem Satz neuer Metriken zur Beurteilung der Benutzerfreundlichkeit von Webseiten, die seit im zweiten Halbjahr Bestandteil des Google Rankings geworden sind. In unserer Session wollen wir...
erörtern, woraus sich die Core Web Vitals im Einzelnen zusammensetzen,
uns Tools anschauen, mit denen wir sie messen und möglichen Übertätern auf die Schliche kommen können,
und wir wollen mit Hilfe der CloudFlare Worker von außen Optimierungen an Euren(!) Webseiten vornehmen.

Unsere Session wird sich inhaltlich mit Frontend-Themen beschäftigen. Programmieren werden wir ein wenig in JavaScript unter Einsatz von DOM APIs.

Über unseren Gast:
Christian Schaefer ist freiberuflicher Frontend-Entwickler aus Düsseldorf, Co-Host des Working Draft Podcasts, Meetup- und Konferenz-Organisator und er beschäftigt sich gerne mit Webseiten-Performance.

Weitere NCA Live Coding Sessions
RectorPHP für TYPO3 mit Sebastian Schreiber
   • TYPO3 Extension Update Live Coding mi...  
PHPStan für den TYPO3 Core mit Alexander Schnitzler
   • PHPStan TYPO3 Tutorial mit   PHP Refa...  
CypressIO Website Testing mit Ramona Schwering
   • Cypress IO Tutorial End to End Testin...  

00:00 Website Performance Tools Intro und Vorstellung
10:21 Mit Google Lighthouse richtig Performance messen
20:12 Image Loading für das "Largest Contentful Paint"-Bild
36:34 Devtools Overwrites für eigene lokale Dateien und Realtime Entwicklung
49:29 defer-Attribute an Javascript Files für Ressourcen Scanner und Browser Engine
1:23:25 Proxy Setup für Cloudflare Workers
1:49:28 Javascript Website Performance im Flamechart zum Aufspüren von Bottlenecks
1:54:54 Monitoring Tipp Google Tag Manager kann ständig Seiten kaputt machen
2:04:34 Offene Feedbackrunde aller Teilnehmer


How to build a website from scratch in 2 hours - PHP Tutorial Sulu CMS PhpStorm best practice DDEV
   • How to build a website from scratch i...  

How to test a website from scratch in 1 hour - PHP Codeception Tutorial PhpStorm best practice DDEV
   • How to test a website from scratch in...  

Unsere PHP Trainings mit der Funktastatur
https://nevercodealone.de/php-training