"Website Performance" auf den JSDays München 2024

Thomas Puppe am 21.03.2024 in München

Präsentation

• Slides "Website Performance" (pdf, 14 MB)

Links

• WPO Stats: https://wpostats.com/
• Chrome Devtools Network Filter: https://developer.chrome.com/docs/devtools/network/reference/#filter-by-property
• Request Map Generator: https://requestmap.webperf.tools/
• Request Map Generator: https://requestmap.pages.dev/
• CSS and JS Coverage: developer.chrome.com/docs/devtools/coverage
• System Font Stacks: https://modernfontstacks.com/
• CSS Modern Font Stacks: https://gist.github.com/don1138/5761014
• Font Style Matcher: https://meowni.ca/font-style-matcher/
• Moderne Bildformate: https://www.smashingmagazine.com/2021/09/modern-image-formats-avif-webp/
• Bildformate checken: https://webspeedtest.cloudinary.com/
• SVG optimieren: https://jakearchibald.github.io/svgomg/
• Responsive Images Checker: https://toolsaday.com/seo/responsive-image-checker
• Responsive Image Generator: https://responsivebreakpoints.com/
• Webfont-Features erkunden: https://wakamaifondue.com/
• Font Subsetting GUI: https://everythingfonts.com/subsetter
• Font Subsetting CLI: https://www.zachleat.com/web/glyphhanger
• Fonts transformieren und Subsetting: https://transfonter.org/
• Layout Shift gif Generator: https://defaced.dev/tools/layout-shift-gif-generator/
• DevTools Tips: https://devtoolstips.org/
• Pagespeed Insights: https://pagespeed.web.dev/
• Webpagetest: https://www.webpagetest.org/
• Performance Experimente vorbereiten: https://perfproxy.com/
• SpeedCurve: https://www.speedcurve.com/
• CrUX: https://developer.chrome.com/docs/crux/dashboard/