Web Directions lazy load 2022

Page load time is an important aspect of performance, but it's not the only one. After a site has loaded, it should respond quickly to clicks, taps, and keypresses. But this can be difficult to measure and optimize.

I'll talk about the Event Timing API and how it can be used to measure interaction timings in RUM analytics and lab tooling. Then I'll dig deeper into understanding where the time is going, breaking down the problems that end users are seeing and reproducing them in the lab.

Finally I'll talk about some common problems my team and I have seen as we've dug into how responsive web sites are to user interactions, and how to avoid them.

A performance budget is a threshold that you apply to the metrics you care about the most. Budgets are the best way to get fast and fight regression. But they’re one of those ideas that everyone gets behind conceptually, only to find them tricky to put into practice – and for very good reason. Web pages are unbelievably complex, and there are hundreds of potential performance metrics to track.

If you’re just getting started with performance budgets – or if you’ve been using them for a while and want to validate your work – this talk is for you.

Tammy will cover:

• Which metrics to focus on
• What your budget thresholds should be
• How to stay on top of your budgets

What influence could a 200 year old Rococo-era painting possibly have on modern day image processing for the web?

From the history of art, through the worlds of fashion, sustainability and security, this talk details the story of sharp as it made its way into many of the popular JavaScript frameworks we use today.

Responsive images done right can lower your website LCP and be a money saver. But do them right can be complex and require lots of math and considerations. In the latest years I spent a lot of my time as performance architect helping e-commerce teams getting them right, and I’ve finally managed to automate all the optimisation process, in a customer-driven way. In this talk I’ll explain best practices, bring data, and show you how my open-source automated tool works for you to use it.

Core Web Vitals have been a great catalyst to get SEO, marketing, business and technical teams together to work on web performance. It has raised a lot of questions though, especially about how these new performance metrics are measured, what impact they have on SEO and how best to optimise them.

Join me as I walk through the key concepts of Core Web Vitals, from a brief introduction to the metrics through to how they are calculated in the browser and the impact they have on SEO. Critically, we will review how these metrics work on single page applications — it’s not quite as clear or simple as you might expect!

I will share practical tips, clear any confusion and empower you to be the go-to expert on Core Web Vitals in your organisation. We will look at practical examples including how some simple optimisations have helped a client move from a mix of red and yellow results to a sea of green.

Web performance is a complicated topic, but over the years it’s become easier to articulate thanks to incredible advancements in performance features, their adoption in the browser ecosystem and tools that test and give insight into which techniques might speed up your site.

However, all too often a feature is implemented incorrectly, resulting in a lost opportunity for performance improvement. During this talk I’d like to explore a few common web performance techniques–some that you are likely already familiar with. We’ll dive into HTTP Archive data to find some examples of sites that are using them incorrectly, and explore the impact and potential benefits of fixing them.

How can people who care about performance on the web also help to shape a greener, more sustainable internet?

Electron apps are on the rise -- Figma, Notion, VSCode, you name it. These kinds of apps are often SPAs and are often slow and hard to scale. Here are 4 strategies I've used to make electron apps up to 5x faster.

Web fonts contribute to the aesthetics and experience of a website or a web application which in turn enhances the user experience and communicate the voice and tone of a brand but it can can also have an impact on page size which can slow down load time and speed of a web application if not properly rendered.

I aim to address how web fonts can be rendered and used on web applications without affecting page size and load times of the said web application.

The Edge is the new frontier of computing possibilities, offering promises, opportunities, and it’s own set of challenges. In this talk, we’ll break down what it is, why it’s awesome, and how it fits into your application architecture.

We’ll cover things like:

• What are the benefits
• What are the limitations
• When it makes sense
• When it doesn’t make sense
• How to get started

Why AWS Lambda is possibly the most important developer solution for trusted compute in the last two decades and how you can start using it today.

Introducing the use of Akamai EdgeWorkers and EdgeKV for highly distributed, low-latency edge compute. Include case study of using EdgeWorkers and EdgeCompute to solve a real world problem.

In this talk Andrew will present a number of new concepts for building decentralised apps and help to show that maybe, there’s a solution that would suit you. Modern web apps increasingly share a common set of best practices. In 2012, one of Heroku’s founders published "The 12-factor app", a thesis on application design that describes pretty well how most scalable applications are built today.

But much has also changed – with a wealth of powerful ‘serverless’ technologies to choose from, application design has evolved. Now, the ‘edge cloud’ is starting to become a mainstream idea, with even small organisations able to harness the power of executing complex applications simultaneously in hundreds of different datacenters to minimise end user latency. Even for things we thought we had to run centrally.

This talk will review the most popular architectural principles of web applications today, and examine how suitable they are for operating an app at the edge.

Executing at the edge is not only very cool and the Latest Thing, it is also a boon to efficiency, is environmentally aware, and a great way to increase the reliability and availability of applications too.

A lightning talk on Cloudflare's edge platform. How it works and how you can use it today to deploy serverless functions to hundreds of data centers across the globe.

There are so many tools an approaches to building and delivering web sites. And so many opinions about "the best way" to render and to build. But the best approach will depend on the needs of your project. Let's learn about the options and about how to choose the approach that suits you best.

The status quo for web service providers is to provide a wide range of products that suit the needs of every customer and industry. With the advent of edge computing, we have begun to transform the way we expose functionality to customers by shipping installable libraries that can be used on our programmable edge platform, allowing us to release quickly and often.