Go directly to the detailed line-up

SpeakersSpeakers


Outline


Partnering around web performance / an SEO & Dev approach #

Web Perf meets multiple challenges (SEO, CSR, performance), which are often handled by teams with different expertise. This compartmentalization contributes to having only a partial understanding of the subject. Taking advantage of a common web performance audit opportunity for one of our clients, Fabernovel’s SEO and dev teams have initiated a global approach focused on web performance, under which these different expertises are grouped. This conference will be an opportunity to discuss the lessons we have learned from this collaboration through concrete examples.

Valentine Jahan

Presented in French by
Valentine Jahan

Valentine is a Senior SEO Specialist at FABERNOVEL since February 2019. With 8 years of experience in SEO, she provides strategic SEO advice and recommendations to both big accounts and start-ups. She works on all aspects of SEO (technical, structure, content, netlinking) and mobile, and has recently developed an interest in web performance. She has been responsible for major B2C accounts in the beauty and insurance sectors, but also in B2B. Previously, she worked at SENDINBLUE as an SEO Manager, RESONEO and PUBLICIS.Sapient.

Bastien Gatellier

Presented in French by
Bastien Gatellier

Web developer for 10 years, I joined Fabernovel 4 years ago as a Tech Lead. Fond of web performance, I work to raise awareness and bootstrap this topic on our customer projects. To this end, I contributed to the development of the open-source tool Heart, that automates the analysis of web pages through various online services (Lighthouse, Dareboost…).

Register now!


Building a webperf culture at leboncoin (it’s more than just tech!) #

It all started in early 2020, when a bug resulting from bad webperf led us to mobilize a taskforce. Nowadays, we are promoting webperf issues as a real culture within the entire Product & Tech team, i.e. nearly 400 people, right from the design stage of our product.

Let’s take a look back at 18 months of tooling, improvements and learning about webperf within the leboncoin group’s Product / Tech / UX teams. Today, we’d like to share with you our successes, our failures, and everything that helped us develop our webperf culture and, we hope, yours…

Jérémie Pereira

Presented in French by
Jérémie Pereira

Passionate about the web for 15 years, I am a frontend lead developer at leboncoin, which I joined 9 years ago. I actively participated in the responsive redesign of the site, the total redesign of the frontend stack and I am now passionate about performance, accessibility or developer experience.

Xavier Bouteiller

Presented in French by
Xavier Bouteiller

After several experiences in e-commerce sites and marketplaces in various fields (home, fashion …), I joined leboncoin in 2020, as Product Owner. Having always contributed to product evolutions in relation with acquisition issues, it is quite natural that I became passionate about SEO and webperfs.

Register now!


Web Performance: be a hero and leverage HTML/CSS  #

HTML/CSS devs, roll up your sleeves!

For a site to display quickly and remain fluid, deploying HTTP/3, webpack and compressed images is not enough! The HTML/CSS developer is still the master of the browser display. Let’s review the pitfalls of classic integrations such as this slideshow on the Home page, these beautiful fonts, animations, menus and responsive design, then let’s see how to deploy optimizations such as lazy-loading and critical CSS that can quickly be counter-productive.

All this without touching the backend or the JS.

Jean-Pierre Vincent

Presented in French by
Jean-Pierre Vincent

Independent expert, Web Performance trainer.

Register now!


LCP – Deep Dive  #

Largest Contentful Paint (or LCP) is the visual loading performance metric that is part of the Core Web Vitals. LCP measures the time it takes for your web page to load the largest image or text element and show it to the user.

But why do we measure the largest element? How is user interaction handled? Progressive loading of images? What about videos?

In this presentation, we will cover the history of LCP, why this metric was chosen as a representative of visual loading, its definition, how it has evolved to the present day, and how it continues to evolve.

Yoav Weiss

Presented in French by
Yoav Weiss

Yoav Weiss has been working on mobile web performance for longer than he cares to admit, on the server side as well as in browsers. He now works as part of Chrome’s web platform team, helping to fix web performance once and for all.

He takes image bloat on the web as a personal insult, which is why he joined the Responsive Images Community Group and implemented the various responsive images features in Blink and WebKit. That was his gateway drug into the wonderfully complex world of browsers and standards.

When he’s not writing code, he’s probably slapping his bass, mowing the lawn in the French countryside, or playing board games with his family.

Register now!


Lightning Talks  #

A succession of interventions of less than 5 minutes to address very quickly many topics related to web performance.

You!

Presented in French by
You!

Decision-makers, developers, novices or experts, you must have something to share!

Register now!


Micro-Front architecture, a driver for web performance?  #

Micro-front architecture is increasingly being promoted in large companies, but there is very little feedback on webperf issues (multiplication of API calls, code duplication, increased number of resources, etc.).

To address the issues of time to market, performance and resilience, Leroy Merlin chose in 2017 to redesign its website based on a micro-front-end architecture. We started with a blank sheet of paper and addressed from the beginning and as a single topic the back and front performance issues.

We offer you a feedback and will explain the concepts we implemented to make the micro-front architecture an ally of webperf.

Ludovic Lagatie

Presented in French by
Ludovic Lagatie

Freelance for more than 15 years as a Tech Lead and Application Architect, I support large companies in the development of their e-commerce site. My main motivation is to find technical solutions to continuously improve application performance and web performance.

Bertrand Laot

Presented in French by
Bertrand Laot

In love with the web for the past 15 years, I am front-end advocate at Leroy Merlin (ADEO Group). I lead a community of front-end developers around the issues of web quality, including web performance and accessibility.

Register now!


Critical path optimization / "How to accelerate your performance?" #

Often present in various Web optimization tools, the critical path is a concept that is poorly understood or ignored. When does the first rendering of a page occur? How to identify and optimize blockages? These are the questions I want to answer.

To be interested in the critical path is to dive into the functioning of browsers and the construction of the HTML page. To optimize it is to know very different techniques of layout and prioritization on the resources essential to the display of the first pixel. The critical path is the bottleneck of the application.

For this reason, improving the critical path means anticipating many performance problems (FP, LCP, Speed index, FID).

My goal is to present, with concrete and quantified examples, the most efficient techniques I could experiment to reduce the number and size of critical resources: caching policies, js and css minification and prioritization, font management… In addition to the diagnosis, I will talk about the most adapted monitoring tools available on the market.

Ludovic Lefebvre

Presented in French by
Ludovic Lefebvre

I’m the person who triggers 10,000 requests/second without breaking a sweat, a performance crazy programmer and competitor.

I started the web performance adventure in 2008 at Cdiscount, going from load testing to back end and front end optimization. Today, I’m in charge of the “coaching perf” team and my mission is to bring support and innovative solutions to web issues. In my free time, I am passionate about mind mapping and electronic music composition.

Register now!


How to improve the web performance of a portfolio of over 40,000 sites?  #

Optimizing the Web Vitals is part of a larger plan of Solocal’s website division, aiming to considerably improve the performance, design and quality of our content, in order to improve local SEO for the hundreds of websites we produce every week for our small and medium-sized business customers.

In addition to strengthening the UX, Design and SEO teams, the company has, for the past 3 years, modernized its technological stack by formalizing a partnership with the company Duda, editor of an eponymous CMS available as a SaaS offer.

In this presentation, we will address the subject of web performance optimization from three angles.

  1. The evolutions undertaken by Duda to optimize CWV, illustrated by field data on the evolution for the entire Duda portfolio, with a particular focus on the Solocal websites.
  2. The challenges we encountered at Solocal during the migration of our sites, which were previously hosted and operated in-house on technological platforms that were not adapted to these new challenges.
  3. Perspective for the evolution of the Duda platform in order to continuously improve web performance, and feedback on its management, in the context of Solocal’s mass production of sites.
Jeremy Wyler

Presented in French by
Jeremy Wyler

Jérémy Wyler is SEO manager at Solocal. He leads the local SEO strategy for the group’s website offering, with nearly 40,000 clients to his credit. Jérémy and his SEO team conduct semantic studies and audits for each of Solocal’s mid- and high-end websites. Jérémy also develops internal SEO tools for the automation of semantic and competitive analysis.

Amir Glatt

Presented by
Amir Glatt

Co-founder and CTO of Duda, Amir Glatt has over 20 years of experience in product management, software architecture expertise and managing large development teams. Starting as Duda’s only developer and engineer, Amir is the original mind behind the company’s unique platform. In 2010, he left California and returned to Tel Aviv to open and oversee the company’s new research and development facility. Under Amir’s leadership, this team has grown to include over 80 highly skilled engineers and product managers.

Register now!


Faster Than SPAs?  #

Single Page Apps architectures are very popular. These architectures are notorious for not delivering fast sites on the first visit. In exchange for this slow start, they promise superior performance for subsequent interactions. Is this really the case?

Looking at existing sites using Single Page Apps, we’ll see that the promise of the super fast second page is not as simple as it seems. Then, if we decide to go with a Multi Page Apps architecture, how do we code the moments of interactivity within the same screen? We will look at how to respond to user interaction and load content dynamically without needing several hundred KB of JavaScript.

Anthony Ricaud

Presented in French by
Anthony Ricaud

As a performance and web architecture consultant, Anthony helps teams improve their web projects. With a broad understanding of web protocols and browsers, he enjoys designing simple but fast web architectures.

Register now!


Responsive RUM  #

Categorizing device types by desktop, mobile and tablet no longer works in 2021. It is oversimplified, meaningless and likely breaks your current performance analysis on a modern responsive website.

As #perfmatters we need meaningful monitoring that takes into account the modern web:

  • Screen dimensions
  • Device pixel ratios
  • Image and CSS breakpoints
  • Connections

Keeping it both simple and meaningful is however not easy! Learn about the different approaches and how to apply this to your existing RUM monitoring solutions: be it free (Google Analytics), open source (Boomerang) or commercial.

Tim Vereecke

Presented by
Tim Vereecke

Tim loves speeding up websites. Works as a web performance architect @Akamai, also runs scalemates.com and frustrationindex.com.

Register now!


Web server and Webperf seen by an SEO  #

Let’s talk about web server configuration (Apache/Nginx) and elements that can impact certain KPIs (e.g. TTFB). Having done a lot of SEO migrations, I have often encountered several issues in terms of 301 redirects and server configuration. A degraded TTFB can also have an impact on high volume sites on the Google crawl (crawl budget).

During this presentation, I will talk about optimizations that can ease the server response time on Apache/Nginx, SEO oriented HTTP headers, and the advantages / disadvantages of some modules related to the Webperf on Apache/Nginx.

Aymeric Bouillat

Presented in French by
Aymeric Bouillat

Former Webmaster graduated from the Ecole des Gobelins, I turn to SEO in 2010. After working for Netbooster, Résonéo and SEOHackers, where I helped various clients develop their SEO strategy, I joined Havas Market (Havas Group’s Performance Collective) in 2019 as a senior SEO consultant and technical referent. I also provide SEO training (Gobelins school, Coding Academy, Oreegami school, SEOHighLevel).

Specialist in migrations and redesigns of websites, I attach particular importance to issues related to the mobile first index, as well as to web performance.

Register now!


Yes, boosting your Core Web Vitals improves your visibility on Google  #

Following Google’s announcement of its special web performance update SISTRIX engaged in measurements to track the performance of a representative sample of hundreds of thousands of sites. After 1 month of monitoring, there was almost no change. Then at the official end of the rollout, we found that sites with poor CWVs lost 3.7 percentage points less than the average. Those with good ones jumped one point (read more). During this presentation, we will provide explanations of the measurements and studies conducted, and take examples to show what went up or down at the sites.

Nicolas Audemar

Presented in French by
Nicolas Audemar

Nicolas, SEO expert and manager of SISTRIX France since its launch, has an intense passion for everything related to this discipline. Nicolas is attentive to the smallest details and knows how to decipher Google’s guidelines with virtuosity. He is always on the lookout for new information on the problems of website editors, which he freely shares with his clients so that they can optimize them themselves. Traveling between Paris, Toulouse and Barcelona where he lives, Nicolas knows how to find the means that will make your KPIs explode as well as your number of quality leads!

Register now!


Implementation of a smart CDN to distribute Web Components  #

For the web components library I’m working on, we first released a package on npm. This choice forces the users of our components to go through the jungle of Node.js-based tools, with its “npm install thingy”, its “babel thingy” and other “webpack thingy”. The time when you just had to add a script tag by hand that points to a CDN is long gone.

To ease the use of our components, we have created a “smart CDN” to expose our components. In this session, I’ll show you how we set up this system. We will explain how we build the files and how we expose them. It will be an opportunity to analyze the performance stakes and to measure concretely the impacts of different optimization techniques.

Hubert Sablonnière

Presented in French by
Hubert Sablonnière

Hubert is passionate about the Web. He is always looking for new ideas and tricks to improve the experience of users and developers.

Register now!


SPArtacUX, the project that brought web performance to the heart of ManoMano UX  #

March 2020, first lockdown, stores are closed, people are DIYing… Consequence: explosion of the ManoMano website traffic. Boosted by several reflections before the crisis, we take the decision to start from scratch to make the ManoMano website a reference in terms of performance. I will share with you how we chose and implemented the new technical stack in record time, and why combining experience and performance can be complex.

Josselin Buils

Presented in French by
Josselin Buils

Josselin has been a front-end developer at ManoMano for 3 years. He actively participated in the redesign of the website via the Spartacux project, especially in the implementation of the new front stack with performance and developer experience as key targets.

Register now!


Browsers, metrics & tools  #

WebPerf is good, but knowing all the intricacies of our page creation is better. During 45 minutes, we will travel through all the steps of the creation of a site to better understand the impacts of our pages’ resources through the network, on the browser and on the devices of our users. We will learn the meaning of web performance metrics, and discover some tools that will allow us to become autonomous on the subject.

Romuald Priol

Presented in French by
Romuald Priol

Passionate about ecology, good-tech, ethics and computer performance, I am a representative of the responsible digital collective, a collective of GreenIt.fr. I try to promote the evolution of digital technology by making it responsible: for a greener, more “efficient”, more “ethical”, more “accessible” digital world.

Register now!


Doing webperf without being disappointed  #

Feedback on a performance optimization project for a French luxury e-commerce giant.

Objective: Increasing the Lighthouse score on 3G from 2/100 to 70/100. Ambitious 🧐? Oh yeah… But with a crack team of 3 full time developers on the project 🧑🏽‍💻👩🏼‍💻!

This talk will talk about the big performance work that has been done on an SSR site in NextJS, including:

  • 🌳 A drastic reduction of the bundle size by a factor of 3 thanks to tree shaking and a hunt for duplicated dependencies in a mono-repo.
  • 🤖 A reduction of 4s on the Time To Interactive thanks to the lazy loading of our pages but also of our React components, all this without impacting the SEO.
  • 💤 A reduction of half of the Total Blocking Time thanks to the implementation of a Lazy Hydrating solution.

Despite all these efforts and the enthusiasm of the team, the project was marked by many moments of disappointment.

Spoiler alert: We didn’t manage to reach the 70/100 mark or even the 20/100 mark in 3G.

Spoiler Alert 2: In 4G, the lighthouse score went from 40 to over 95 /100 🎉. Customers noticed the huge improvement in site performance and were therefore very satisfied.

If you too are worried about being disappointed with your performance improvements, this talk will give you valuable tips on how to make the most of your efforts.

Mathilde Duboille

Presented in French by
Mathilde Duboille

Web developer for more than 2 years and active member of the performance and front-end dev community within Theodo.

François Hendriks

Presented in French by
François Hendriks

Francois has been working for more than two years at Theodo as a Tech Lead. Convinced that our development tools should be written in fast languages such as Go or Rust, he regularly does audits or performance missions involving both the front and back ends.

Register now!