Building a Greener Web

A presentation at Toronto Web Performance in February 2022 in by Michelle Barker

Slide 1

Slide 1

Building a greener web: A web developer’s role in climate action

Slide 2

Slide 2

@MicheBarks CSS { In Real Life css-irl.info } Senior Front End Developer at

Slide 3

Slide 3

Slide 4

Slide 4

3.7% of worldwide C02 emissions https://bbc.in/35mLuxM

Slide 5

Slide 5

2 MB Average web page size https://bit.ly/3rIfZWc

Slide 6

Slide 6

Renewable energy

Slide 7

Slide 7

Low-energy colour scheme

Slide 8

Slide 8

User journey

Slide 9

Slide 9

Development resources

Slide 10

Slide 10

“ If I was a better programmer, I’d write a script that shows you the cumulative CO₂ you’ve generated every time you type npm install . Eric Bailey https://bit.ly/3KH98VI

Slide 11

Slide 11

Budgeting

Slide 12

Slide 12

• WebPageTest • PageSpeed Insights • GTMetrix

Slide 13

Slide 13

Core Web Vitals LC P S D Largest Contentful Paint FI First Input Delay CL Cumulative Layout Shift

Slide 14

Slide 14

How do we measure?

Slide 15

Slide 15

Website Carbon Calculato r websitecarbon.com

Slide 16

Slide 16

Slide 17

Slide 17

Ecopin g ecoping.earth

Slide 18

Slide 18

Beaco n digitalbeacon.co

Slide 19

Slide 19

Why do our individual actions matter?

Slide 20

Slide 20

Amplify our voices

Slide 21

Slide 21

Lead by example

Slide 22

Slide 22

Regulation

Slide 23

Slide 23

“ Shaving off a single kilobyte in a le that is being loaded on 2 million websites reduces CO2 emissions by an estimated 2950 kg per month. Danny van Kooten fi https://bit.ly/3nX93Up

Slide 24

Slide 24

“ You will save more by not watching a season of a tv show on Net ix than optimising your website. If you really care – how about that? fl A person on the internet

Slide 25

Slide 25

5% https://bit.ly/3KLYb5A

Slide 26

Slide 26

Global National Collective Individual

Slide 27

Slide 27

“ In any society, individuals drive social norms that make up the collective culture. For instance, cultural revolutions don’t happen because of systems change; they happen when a group of people voice a compelling story that propagates across society and becomes a social norm. https://bit.ly/3nZs48x

Slide 28

Slide 28

Slide 29

Slide 29

Slide 30

Slide 30

Form a workplace action grou • Support each other to take climate action p • Push the climate agenda and greener practices within your organisation

Slide 31

Slide 31

Share your learnin • Write • Speak at events g • Share on social media

Slide 32

Slide 32

Slide 33

Slide 33

Recognising our power + privilege

Slide 34

Slide 34

https://bit.ly/35HxOxx

Slide 35

Slide 35

“ If you want strong healthy plants, you pay attention to the care of the roots. Hannah Smith https://bit.ly/3ufkRVI

Slide 36

Slide 36

1in5 for 1point 5 1in5for1point5.org

Slide 37

Slide 37

Sometimes less is more

Slide 38

Slide 38

“ No one is too small to make a difference Greta Thunberg