Speed is everything! And it certainly is at this web performance themed meetup.
On the eve of the performance.now() conference, we're getting into theme with a night of lightning fast lightning talks (600sec max).
This meetup will be held at Kapitein Zeppos (5min walk from the performance.now() venue). There will be plenty of time to socialise with fellow perfaholics.
Progressive Enhancement & PWA by Kevin Farrugia
The definition of Progressive Web Apps is constantly evolving; according to the latest definition on Google Developers it should be Reliable, Fast & Engaging; for others it is understood to be a web application which makes use of service workers and the "Add to Homescreen" prompt. So what is the meaning of "progressive" and why is it important?
During the talk I will be presenting the technique of progressive enhancement and how it can be used to improve the performance of a web application. Through code example, we will compare the different methods to develop a PWA and compare and measure the differences.
The talk is targeted at JavaScript developers who have already developed a PWA and are looking to explore different techniques.
Proactive Performance Budgets in a CI/CD World by Alfredo Lopez
Continuous Delivery is a goal teams strive for. Merge a Pull Request and it goes live! On one side, it accelerates the release cycle, but on the other side it increases the ability to have a long term view of the impact a number of Pull Requests could have on Performance.
In this talk, I will share the tooling and process changes we've implemented at Hearst to be proactive, and our plans for allowing us to answer the question: "What would the performance impact be if multiple Pull Requests get released today?".
A real-world case study: How I aligned Web Performance and Business KPIs in 3 simple steps by Alla Gringaus
Traditionally, web performance has been an afterthought, but what happens when a website takes longer than expected to load? In 10 min, Alla will walk through how she improved a perceived performance of just one page and how it resulted in better user experience, increased conversion rates, better ranking on Google, reduced bounce rates, and a much more.
Mobile web applications can be performant too by Oleksandr Tryshchenko
Mobile web is growing incredibly fast; however, resource consumption of them is also snowballing. Teams often skip mobile testing pipeline and evaluate if the application works. In this talk, I'll share my experience in measuring and improving the performance of mobile SPA's. We will focus on takeaways you can bring into your codebase.
Introducing perf budgets on CI with Puppeteer by Önder Ceylan
Puppeteer is a node library which provides a high-level API to control Chrome. When combined with the power of DevTools protocol, Puppeteer can expose metrics for a specific web page on DOM nodes, JS event listeners, JS and CSS coverage. We'll see how those metrics can be used to introduce performance budgets per each indicator during the regression on CI after each change.
I reviewed 100 perf-related webpack plugins so that you don’t have by Ivan Akulov
There’re almost 10 000 packages in npm that use the “webpack” keyword. However, most webpack configs I saw end up using just 10-20 modules, and only a few of those – typically all the same ones – are related to web performance. What an omission. In this talk, I’ll cover the most interesting performance-related plugins from the webpack ecosystem: from advanced minification to image compression to custom library hacks.
Overcoming Imposture Syndrome by Paul Calvano
Imposture syndrome affects many of us in tech, but we don't talk about it nearly enough. And that's probably because of imposture syndrome as well. So let's change that! During this talk, Paul will talk about his journey in webperf and share some of the things that helped along the way.
Things you didn't know you can do with the Chrome UX Report by Rick Viscomi
The Chrome UX Report is a web transparency dataset that enables anyone to see how websites perform in key areas of user experience: performance, interactivity, and layout stability. This talk will breeze through some of the dataset's hidden superpowers to give attendees an idea of the awesome insights into the state of the web that are possible.
Smooth as Silk: A story of animating on the web with perf in mind by Priyanka Kore
Website users want a smooth and engaging experience. In this talk we'll learn how browser rendering works and how to manoeuvre DevTools to debug animation performance issues. There are optimal practices to bear in mind that are considerably overlooked. The main reason for this to happen is devs don't get a the picture why they exist and are so vigorously advocated. DevTools are gold mine of information, we are going to explore the features that help us build animations smooth as silk.
Lab-testing JavaScript CPU costs at a component level by Stoyan Stefanov
Long gone are the days when network was the performance bottleneck. JavaScript seems to be the one to blame these days more often than not. Setting up continuous perf testing of the "price" of each JavaScript module/React component/etc is a must. And, equipped with a headless Chrome and desire to dig into trace files, it's not that hard to do.
