Go directly to the detailed line-up

SpeakersSpeakers


Outline


Supercharge the speed of your app with these PWAs’ secrets! #

Let’s take a deep dive into PWAs and shift our focus on web performance! In this talk, I will tell you the big secrets on how to improve the speed of your apps with progressive enhancement. We will take a look for some topics like: - caching strategies and design patterns to maximize PWAs’ performance, - demystifying the app shell model, - PWAA? - Progressive Web Assembly Apps - how to make it real? - the most common issues and fixes ba~ed on PWAs’ performance tests, - how to keep a progressive style? Tips and tricks for your CSS and assets.

See the video

Marta Wiśniewska

Presented by
Marta Wiśniewska

Marta is a Google Developer Expert in Angular and Web Technologies from Poland. She is an international speaker, blogger, enthusiast of Angular, PWA, hybrid apps who loves exploring new web features and following hottest trends in tech. Marta is passionate about sharing knowledge in the community and spreading her love for tech. Currently, she satisfies herself as an organizer in Women Techmakers Warsaw and Google Developers Group Warsaw and PWA Fire co-creator.


Humans can (also) measure your performance #

The webperf community has a tendency to focus on automated measurements. Whether they come from synthetic tests, reports published by browser vendors or field browser data, all these measurements are made by machines. Yet, isn’t the goal of performance improvements to improve the web experience for humans browsing the web? Why don’t we ask humans directly what they think of our performance? This is what we’ve been doing at Wikipedia since 2018 and in this talk we will look at how we did it and what it has allowed us to discover about Wikipedia’s performance.

check the slides See the video

Gilles Dubuc

Presented in French by
Gilles Dubuc

Après plus d’une dizaine d’années d’expérience en tant que développeur Full Stack, Gilles Dubuc a rejoint la Fondation Wikimedia en 2014. Il est l’un des membres fondateurs de l’équipe Performance au sein de la fondation, créée en 2015 - équipe qu’il dirige à présent. Le but de cette équipe est de rendre Wikipedia et les autres projets Wikimedia les sites web les plus performants possibles.


Web Performance, a concrete utopia? #

Web Performance is often perceived as a very technical subject, sometimes disconnected from business concerns. In this short presentation, I want to show that Web Performance is on the contrary a domain rooted in real-life experience of the web, to address with hindsight and pragmatism.

See the video

Boris Schapira

Presented in French by
Boris Schapira

Boris is a Web professional who is interested in Web Performance and, more broadly, in all aspects of Web Quality. He is the husband of a dragonfly and the father of two hobbits, and currently Customer Success Manager at Contentsquare, in charge of Dareboost.


Moving Pictures #

This year, the well known image formats (jpg, png, gif + svg) were 104 yrs old combined. 2020 has seen a quick shift in formats solutions. Webp turned 10 in October, and was finally supported by Safari providing complete browser support. . But in 2 yrs since it was introduced, AVIF became rapidly supported to provide 70% browser market share already. At the same time, JPEG XL is being promoted and might be close to freezing of bitstream. This is a talk about what is taking place with modern image formats

See the video

Henri Helvetica

Presented by
Henri Helvetica

Henri is a freelance developer who has turned his interests to a passionate mix of site performance engineering and pinches of user experience. When not reading the deluge of daily research docs and case studies, or auditing sites in devtools, Henri can be found contributing back to the community: Toronto Web Performance Group meetup + Jamstack Toronto organizer, curating conference content or volunteering his time for lunch and learns at various bootcamps. Otherwise, Henri is focusing on running the fastest 5k possible (surprise surprise), encouraging a healthy lifestyle via #devsWhoRun.


CDN and Performances: Cover the Fonts #

Hosting fonts? Good luck! In the beginning was The Word. Then there was Google Fonts Directory. And the Web was so happy to use an alternative to sans-serif that it turned everything upside down. However, we know for long that using CDNized fonts may hurt both the Web and your sites. So the solution is to host font files on your own. Wait… hosting fonts properly is as complex as hosting your images, videos, or any other static resource. Simple in appearance as uploading a file to your server, reality can quickly turn into a nightmare when you try to provide the best resource regarding of the context. Let’s start from what Google Fonts does right (aka providing fonts) and let’s try to understand all the little tricks that will really boost your frontend! A step-by-step investigation, dedicated to the latest neglected area of Web performance: typography.

check the slides See the video

m4dz 🥑🦄

Presented in French by
m4dz 🥑🦄

m4dz is a “curious pet”. Tech Evangelist at alwaysdata, a Cloud Hosting Provider, he has made security and privacy one of his challenges for the Web. All the technologies are under his radar, to make all the digital players aware of our realities. Chronic optimist, his favourite book will always remain “Alice in Wonderland”.


CLS: a New UX Performance Metric You Have to Know in 2021 #

Major new ranking factor coming to technical SEO in 2021: Core Web Vitals. Google announced 3 new metrics around speed and usability. If you are a developer with website that shows up in Google search results, you want to hear about CLS. We’re breaking down key components of the metrics and common issues and debugging tips.

See the video

Myriam Jessier

Presented in French by
Myriam Jessier

Myriam used to be a digital nomad (with a mortgage) but she is currently headquartered on her sofa in Montreal. She has more than a decade of experience in search engine optimization. Sometimes, she likes nerding out on performance optimization.


Ecrans de chargement, erreurs, donnés manquantes: designer ces cas oubliés #

En général, les designers livrent l’écran dans un « état parfait ». C’est l’écran final, une fois que tout est bien chargé, avec toutes les bonnes données, les bonnes images, rien ne manque, tout s’est bien déroulé. Ce qu’il se passe avant, durant ces quelques millisecondes (ou parfois secondes) de chargement est souvent laissé à l’appréciation de l’équipe de développement. Tout comme ce qui se passe s’il manque une donnée, qu’une serveur met du temps à répondre, répond une erreur, une ressource manquante, etc. Designer ces « cas oubliés » permet grandement d’améliorer la collaboration designer / developers sur des thématiques de performance.

read the text version See the video

Stéphanie Walter

Presented in French by
Stéphanie Walter

Designer d’expérience utilisateur, spécialisée en interfaces métier et optimisation mobile, actuellement située à Luxembourg. Je mets mes 10 ans d’expertise au service de mes clients en tant que consultante dans différentes industries (assurance, transport, voyage, banques, automobile, etc.) Je place les utilisatrices et utilisateurs au coeur de mon processus de conception et fais le lien entre leurs besoins et les contraintes métier de mes clientes et clients. Passionnée par mon travail, je partage mon savoir sur mon blog, dans des conférence à travers le monde et des cours que je donne dans différentes filières.