Tamas Piros

Jamstack and Web Performance, a match made in heaven

What if you could solve web performance by shifting work from request time to build time? Learn how Jamstack delivers lightning-fast sites via pre-rendering and a global CDN.

Jamstack and Web Performance, a match made in heaven
#1about 5 minutes

How the web has grown heavier over a decade

Statistics from the HTTP Archive show a dramatic increase in page weight and resource requests, especially for JavaScript and video.

#2about 6 minutes

Introducing the core concepts of Jamstack architecture

Jamstack decouples the frontend from the backend by serving pre-built markup from edge servers instead of traditional origin servers.

#3about 4 minutes

Using static site generators to pre-render markup

Static site generators (SSGs) render pages at build time, creating static HTML files that can be deployed directly to a CDN.

#4about 4 minutes

Adding dynamic functionality to sites with APIs

Third-party APIs for services like authentication, payments, and media management replace the need for custom server-side code execution.

#5about 3 minutes

Understanding the modern Git-based deployment workflow

A commit to a Git repository automatically triggers a build and atomic deployment of the site to a global CDN network.

#6about 5 minutes

How Jamstack provides performance benefits out of the box

The Jamstack architecture and its tooling ecosystem automatically handle many backend and frontend optimizations like caching, compression, and minification.

#7about 6 minutes

Using Lighthouse to audit your site's performance

A practical demonstration shows how to use the Lighthouse tool in Chrome DevTools to measure performance and Core Web Vitals.

#8about 4 minutes

Analyzing real user metrics with PageSpeed Insights

PageSpeed Insights provides crucial field data from real users, offering a more accurate performance picture than local lab tests alone.

#9about 4 minutes

Dramatically reducing image size with a CDN

Using an image CDN service like Cloudinary allows for automatic format and quality adjustments that significantly reduce file size.

Related jobs
Jobs that call for the skills explored in this talk.

Designer

Andrew Comp

Andrew Comp
Berlin, Germany

Intermediate
Java
JavaScript

Matching moments

How JAMstack improves the user experience through performance
04:11 MIN

How JAMstack improves the user experience through performance

Headless and JAMstack - The State of Commerce Today

Unlock full access

Log in or set up an account to access this feature and more.

Addressing security, performance, and scalability in JAMstack
04:33 MIN

Addressing security, performance, and scalability in JAMstack

Headless and JAMstack - The State of Commerce Today

Unlock full access

Log in or set up an account to access this feature and more.

Using static site generators and Jamstack for efficiency
05:13 MIN

Using static site generators and Jamstack for efficiency

How Your Bundle Size Affects The Climate

Unlock full access

Log in or set up an account to access this feature and more.

When not to use JAMstack and potential solutions
03:20 MIN

When not to use JAMstack and potential solutions

Headless and JAMstack - The State of Commerce Today

Unlock full access

Log in or set up an account to access this feature and more.

Understanding Jamstack architecture and incremental static generation
04:00 MIN

Understanding Jamstack architecture and incremental static generation

How Your Bundle Size Affects The Climate

Unlock full access

Log in or set up an account to access this feature and more.

Understanding JAMstack with a practical e-commerce example
03:24 MIN

Understanding JAMstack with a practical e-commerce example

Headless and JAMstack - The State of Commerce Today

Unlock full access

Log in or set up an account to access this feature and more.

The three core principles of a JAMstack mindset
02:29 MIN

The three core principles of a JAMstack mindset

Headless and JAMstack - The State of Commerce Today

Unlock full access

Log in or set up an account to access this feature and more.

An overview of the 2021 web developer survey
03:01 MIN

An overview of the 2021 web developer survey

Web development best practices in 2021

Unlock full access

Log in or set up an account to access this feature and more.

Featured Partners

Related Videos

See all videos
Web development: where are we, and where are we going?32:56

Web development: where are we, and where are we going?

Laurie Voss

The State Of The Web43:11

The State Of The Web

Jeremy Keith

Headless and JAMstack - The State of Commerce Today39:24

Headless and JAMstack - The State of Commerce Today

Anil Kumar Krishnashetty

The Lean Web46:46

The Lean Web

Chris Ferdinandi

Catching up on the basics you don't really need that much code14:44

Catching up on the basics you don't really need that much code

Chris Heilmann

Web development best practices in 202151:10

Web development best practices in 2021

Laurie Voss

Microfrontends at Scale43:20

Microfrontends at Scale

Josh Goldberg

How Gatsby Cloud's real-time streaming architecture drives <5 second builds42:10

How Gatsby Cloud's real-time streaming architecture drives <5 second builds

Kyle Mathews

Related Articles

View all articles
CH
Chris Heilmann
All the videos of Halfstack London 2024!
Last month was Halfstack London, a conference about the web, JavaScript and half a dozen other things. We were there to deliver a talk, but also to record all the sessions and we're happy to share them with you. It took a bit as we had to wait for th...
All the videos of Halfstack London 2024!
CH
Chris Heilmann
Dev Digest 136 - No JS(on) of mine
News and ArticlesDouglas Crockford is our featured video, so let's talk about evolving JavaScript and all things JSON. Judicious JSON explains all the weird things in it, you can learn why it can be incredibly slow, people wonder what even is a JSON ...
Dev Digest 136 - No JS(on) of mine
CH
Chris Heilmann
Dev Digest 109 -Egg-citing things…
As we are heading into the Easter break, here are some things to spend some time on. There's resources on improving the performance of your code and you hear from the winners of CODE100 Amsterdam what it was like to be on stage. Also, hang tight as t...
Dev Digest 109 -Egg-citing things…

From learning to earning

Jobs that call for the skills explored in this talk.