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.

Matching moments

Increasing the value of talk recordings post-event
04:57 MIN

Increasing the value of talk recordings post-event

Cat Herding with Lions and Tigers - Christian Heilmann

Selecting strategic partners and essential event tools
03:17 MIN

Selecting strategic partners and essential event tools

Cat Herding with Lions and Tigers - Christian Heilmann

Organizing a developer conference for 15,000 attendees
01:32 MIN

Organizing a developer conference for 15,000 attendees

Cat Herding with Lions and Tigers - Christian Heilmann

Automating video post-production with local scripts
02:54 MIN

Automating video post-production with local scripts

Cat Herding with Lions and Tigers - Christian Heilmann

Using content channels to build an event community
04:49 MIN

Using content channels to build an event community

Cat Herding with Lions and Tigers - Christian Heilmann

Establishing a single source of truth for all data
02:39 MIN

Establishing a single source of truth for all data

Cat Herding with Lions and Tigers - Christian Heilmann

Rapid-fire thoughts on the future of work
02:44 MIN

Rapid-fire thoughts on the future of work

What 2025 Taught Us: A Year-End Special with Hung Lee

The only frontend stack that truly matters
11:10 MIN

The only frontend stack that truly matters

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Featured Partners

Related Videos

See all videos
Next.js Unleashed: Optimizing Web Vitals for superior User Experience26:44

Next.js Unleashed: Optimizing Web Vitals for superior User Experience

Eileen Fürstenau

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

Things I learned while writing high-performance JavaScript applications27:27

Things I learned while writing high-performance JavaScript applications

Michele Riva

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

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

Laurie Voss

Headless and JAMstack - The State of Commerce Today39:24

Headless and JAMstack - The State of Commerce Today

Anil Kumar Krishnashetty

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

Sleek, Swift, and Sustainable: Optimizations every web developer should consider29:14

Sleek, Swift, and Sustainable: Optimizations every web developer should consider

Andreas Taranetz

Related Articles

View all articles
CH
Chris Heilmann
Building a "shoutout" component in plain HTML/CSS/JavaScript
Every Wednesday we meet at noon to talk about a lot of tech news, tools and resources in something we call WeAreDevelopers Live . We go live on YouTube and afterwards we cut out short videos to post on social media. What we needed was an obvious “sho...
Building a "shoutout" component in plain HTML/CSS/JavaScript
CH
Chris Heilmann
Links and anchors: ancient HTML and JS magic in your browser
Have you ever wondered why you use an <a> element to add link to an HTML document? Paragraph is <p>, unordered list is <ul>, image is <img> but why <a> instead of <link>? Well, the reason is that the element both defines where to go to, but also an e...
Links and anchors: ancient HTML and JS magic in your browser
S
SciChart
The Fastest JavaScript Charts - Built for React and Beyond
For most developers, browser charting works fine — until it doesn’t. Once you push beyond tens of thousands of points, add live streaming, or need advanced interactions, the story changes: frame drops, frozen dashboards, memory issues. That’s where S...
The Fastest JavaScript Charts - Built for React and Beyond
DC
Daniel Cranney
Dev Digest 198: 30 years of JS, In-Browser AI, How Attackers Abuse GenAI
Inside last week’s Dev Digest 198 . 🎂 30 years of JavaScript ⏰ How long is a JavaScript second 💻 Clean code in Angular 🤦‍♂️ AI makes different mistakes than humans 👨‍💻 In-browser and offline AI 🟠 Undocumented Hacker News features 🐋 DeepSeek censored...
Dev Digest 198: 30 years of JS, In-Browser AI, How Attackers Abuse GenAI

From learning to earning

Jobs that call for the skills explored in this talk.

Full Stack Engineer

Full Stack Engineer

Climax.eco
Rotterdam, Netherlands

€70-100K
Senior
TypeScript
PostgreSQL
Cloud (AWS/Google/Azure)