How Your Bundle Size Affects The Climate by Roy Derks

preview_player
Показать описание
A large bundle size is the biggest fear to any JavaScript developer, but who knew a large bundle size affects more than your user experience? A large bundle also means that the CO2 footprint of your website is also bigger, as larger bundles need more bandwidth and resources. In 2020 the average website was 4 times bigger than 10 years before, what are the climate effects of this? In this talk I'll show how your website is impacting the climate, and how you can (and should) change this.

About Roy:

Roy Derks an experienced engineering leader, developer, author and public speaker from the Netherlands. Currently providing services to help tech companies scale from ideation to MVP or from startup to scaleup, by training and inspiring developers worldwide.
  1. JSConf
  2. jsconf
  3. jsconfbp
  4. green web
  5. carbon footprint
  6. bundling
Рекомендации по теме
How Your Bundle 0:25:51

How Your Bundle Size Affects The Climate by Roy Derks

How to make 0:02:49

How to make your JavaScript Bundle Smaller

Managing Your Bundle 0:07:03

Managing Your Bundle Size - Totally Tooling Tips

Tree shaking in 0:05:30

Tree shaking in JavaScript (Optimize the bundle size of your application) | Complete Example + Setup

The hidden benefit 0:12:09

The hidden benefit of upgrading to Svelte 5 - smaller bundle sizes

Optimize the bundle 0:13:23

Optimize the bundle size of an Angular application

How to OPTIMIZE 0:09:03

How to OPTIMIZE your Javascript bundle size and why it is so important? (explained)

Vite in 100 0:02:29

Vite in 100 Seconds

NodeJS : Do 0:01:01

NodeJS : Do devDependencies affect bundle size?

How to reduce 0:24:49

How to reduce bundle sizes in Nuxt

Reduce Next js 0:13:06

Reduce Next js 14 bundle size using React Server Components

The Decline of 0:05:15

The Decline of Firebase (bundle sizes) // New JavaScript SDK First Look

Next.js Performance & 0:10:04

Next.js Performance & Speed Optimization | Episode #2 | Bundle Analyzer & Dynamic Imports

Reducing bundle size: 0:11:32

Reducing bundle size: Previewing a new Firebase for the web | Session

Tailwind CSS optimize 0:22:14

Tailwind CSS optimize bundle size

Upgrading To Firebase 0:57:14

Upgrading To Firebase v9 To Reduce Bundle Size

Angular Services and 0:05:09

Angular Services and the impact on the final bundle size

Let's Optimize an 0:22:07

Let's Optimize an Angular App by Santosh Yadav || Angular Conference

Bundle Size Analysis 0:09:39

Bundle Size Analysis when adding UI Library

Angular Bundle Sizes 0:03:08

Angular Bundle Sizes

Avoid Large Bundle 0:12:57

Avoid Large Bundle Size | React JS Performance Optimization Part 07

Managing Bundle Size 0:24:45

Managing Bundle Size in React Monorepos, A tiny talk by Roc8 C1 Alum Shubham Verma, GeekyAnts

Bundle Analysis: Modules 0:23:05

Bundle Analysis: Modules of Unusual Size

Webpack Tips - 0:08:16

Webpack Tips - Totally Tooling Tips

Комментарии
Автор

This presentation makes me recall the oft-repeated phrase "don't over-engineer and over-optimize". 😉

docmars
Автор

I tested my self-hosted websites and they scored 99%. According to the website, I could've scored 9% better ( 🤔) if I went with green hosting. Except my energy supply is geothermal. Take the website's scoring with a big pinch of salt!

brymstoner
Автор

Had a good chuckle with this video, we have china doing whatever it wants regarding the environment but the rest of us have to care and take action lol

XavierGoncalves