Web Directions lazy load 2021

Patrick is going to explore the current state of web performance measurement, both in a lab (synthetic) environment and from real users (RUM). There has been a lot of exciting advancement in this space with Google's Core Web Vitals and evolving of other metrics over the years.

We will also explore how synthetic and RUM data complement each other and when each is most appropriate to use.

The Core Web Vitals provide unified guidance that is essential to delivering a great user experience. Annie will talk about why and how these metrics were developed, how you can measure them on your site, and how they fit into the bigger picture of a product's user experience.

A great user experience often ties into the performance of an application. The user’s first impression of the site they are visiting can be a make or break scenario, and if the performance is slow that can have an impact on the growth of a business. Behind the scenes, there are teams working on an application, performance is sometimes an afterthought and becomes a focus later on. In this talk, I will cover what performance culture looks like, how this starts and some ways to communicate the value of performance, as well as ways to drive engagement.

Are you implementing SSR for your web application? Do you know we can implement multiple layers of caching so that your caching is like an onion 🧅 or Russian Doll🪆?

That's the essence of this talk, we'll demonstrate how we can implement Russian Doll Caching to create layers of caching so that we get data from databases as small as we possibly can.

Hopefully, after this talk, you'll not ask about Russian Mall what? Russian %^&*() caching?

A conference called Lazy Loading must feature a talk on lazy loading! With native lazy loading introduced in Chrome 77 and other browsers following suite, now is a fantastic time to refresh on what's available today.

We are going to look at how and where native lazy loading can be used, potential gotchas and how it can help improve your site performance both with images and JavaScript alike. You'll come away from this talk with more knowledge on lazy loading even though the property appears deceptively simple at first glance.

Shopify has a large and detailed view into the operations and evolution of e-commerce worldwide. In this talk we will present the work we have done in the last year to put speed at the front and centre of development culture at the company, as well as our strategy for performance data collection and analysis. We will share some of our findings and what we have learned on our way to making Shopify faster every day.

WebPageTest is one of the most well known and important tools in the web performance community. It's been actively developed by Pat Meenan since he worked at AOL in 2008. It has become the go to tool for both very simple to very advanced debugging of the web performance of a website. One of its most well known charts is the waterfall chart.

In this talk I'm going to introduce the waterfall chart and also go into detail on how you can examine and read it. The more you understand about the chart, the the more WebPageTest as a whole will be able to help you fix a slow performing website.

A progressive web app is a way to bring a native app experience into the browser, therefore the idea is to have a progressive enhancement of your app but during our development process, we have to keep in mind a few factors in order to make it. During this talk, we are going to discuss possible how to read and test our PWA performance and which are the tools that can help us to deliver web apps that are fast and progressive (for real!).

Third-party dependencies play an important role on most websites. This talk will discuss techniques that you can use to better understand, measure, and optimize your usage of third-party code.

This talk will be taking a look at how WebAssembly and Edge Computing can improve your front end performance of your Application. We will take a look at what WebAssembly is, how it can be used to replace hot paths in your JavaScript Application. What Edge Computing is, and how it can be used to provide additional performance to low end devices. Lastly, we will look at how they can be used together for portable and performant applications.

Cloudflare Workers enables deploying a serverless application instantly, from a developer's computer to the edge - as close as possible (tens of milliseconds!) to every internet user around the world.

This is made possible by running V8 isolates - the same engines powering Chrome, on Cloudflare's global CDN network, spanning 194+ data centers around the world. For end users this means blazing fast, always available applications due to the reduced latency of requests traveling around the globe, and no cold starts, due to the lightweight nature of isolates, as compared to containers. For developers this means more time spent writing code, and building features, rather than scaling and optimizing cloud configurations.

This talk will cover the landscape of what platforms offer at the edge today, and how edge-based serverless is changing the web stack: from incremental dynamism at the edge, to the evolution of JAMstack on the edge and beyond!

We'll discuss what the goals of the W3C WebPerf Working Group are, the browser standards we help design, the latest proposals / incubations for the future, and how you can participate!

An overview of HTTP/3 and QUIC efforts, and their current state at the IETF and in the world