Workshop (Part 1). New Adventures in Frontend, 2021 Edition

on YouTube ↗01h 15m

" summary

Covers strategies and tooling for building fast, adaptive web experiences in 2021, including performance optimization (Core Web Vitals), Brotli text compression, image/video formats and delivery (AVIF, AV1), and web-font loading strategies. Explains component workflows, DevTools and WebPageTest use (network waterfalls, flame charts) to find bottlenecks, plus CSS delivery techniques (Critical CSS, Custom Properties, Grid/Subgrid), i18n/localization tips, and practical guidance for HTML email templates and other common frontend challenges.

AI-written summary · about

" chapters (9)

1. 0:00Introduction
2. 5:10Mobile frontend
3. 11:12Google performance metrics
4. 22:34Frontend optimization
5. 31:24Device and network adaptation
6. 42:45Performance analysis tools
7. 50:11Lighthouse and Pagespeed Insights
8. 1:00:18DevTools network optimization
9. 1:14:11Summary

" related talks

• 48mBecome a Frontend Developer Ninja using HTML5, JS and CSS3M. Casario · Codemotion Roma 2014
• 01h 11mPre-keynote - New Adventures in Responsive Web DesignVitaly Friedman · Frontend United 2017
• 53mNew Adventures in Responsive Web DesignVitaly Friedman · FITC Toronto 2017
• 31mThe Future of Front-End PerformanceSia Karamalegos · Full Stack Fest 2018
• 29mLean Frontend DevelopmentMatteo Guidotto · Codemotion Rome 2015
• 28mFantastic Frontend Performance Tricks & Why We Do ThemJenna Zeigen · #PerfMatters Conference 2019
• 39mFrom make it work to make it fast: quick wins to boost your applicationJonathan Hervieux · Devoxx France 2021
• 51mThe Business Of Front-End DevelopmentRachel Andrew · Full Stack Fest 2015