RU / Day 2 / 18:15 / Track 4

We all are still trying to figure out just the right strategy for building websites and apps efficiently. We want to use all of these technologies and smart processes, but how can we use them efficiently, and how do we achieve that within a reasonable amount of time?

We'll explore a resilient, actionable strategy for building fast, scalable experiences. We'll look into accessibility, text compression, image optimization, web font delivery, critical CSS, CSS layouts, JavaScript delivery, and improving Core Web Vitals along with performance bottlenecks. We will also explore tooling, how to make sense of DevTools network waterfalls and performance flame charts, WebPageTest, and a few little utilities along the way.

In this workshop, we'll explore:

  • component-based workflow and tooling, with helpful tools and resources to boost dev environment;
  • deep dive into DevTools and WebPageTest, making sense of performance flame charts, networking panel and WebPagetest waterfalls to identify performance bottlenecks;
  • text compression with Brotli, localization/i18n techniques and practical tips;
  • image and video optimization (AVIF, AV1, formats, delivery techniques and tooling;
  • web font loading strategies and recipes;
  • organizing CSS and Critical CSS to optimize delivery and minimize reflows;
  • CSS Custom Properties, and how to use and build with them;
  • advanced CSS layout techniques, such as CSS Grid + CSS Custom Properties + Subgrid;
  • HTML email in 2020, how to deal with Gmail, Apple Mail, Outlook, other email clients, with templates and tooling;
  • common frontend challenges and solutions and important new challenges and opportunities to keep in mind.

Speakers

Виталий Фридман
Vitaly Friedman

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. Originally from Minsk, Belarus, he studied computer science and mathematics in Germany where he has discovered his passion for typography, writing and design. After working as a freelancing designer and developer for 6 years, he co-founded Smashing Magazine, one of the largest online magazines dedicated to Web design and development. Vitaly is writer, co-author and editor of both Smashing Books. He is now working as the editor-in-chief of Smashing Magazine in the lovely city of Germany, Freiburg.

Invited Experts

Евгений Кот
Evgeny Kot

Evgeny used to work on .NET, Microsoft stack for quite a long time. He worked at Quest Software, after that he moved to Dell to work on frontend. He worked his way from CoffeeScript + Angular 1.0 to Dart + Angular 2.0. Currently Evgeny works at Wrike, a high-load SaaS application with very rich client code. Wrike team uses Dart and Angular 2.0 and aspires to be up-to-date with all modern trends in the web world.