1
00:00:16,088 --> 00:00:18,610
36c3 Vorspannmusik
2
00:00:18,610 --> 00:00:21,490
Herald-Engel: Der nächste Talk ist
"The Planet Friendly Web"
3
00:00:21,490 --> 00:00:26,259
Warum unser Web nachhaltiger
werden muss und wie wir das anstellen. Und
4
00:00:26,259 --> 00:00:30,200
euer Referent ist der Niklas, er gibt euch
einen kurzen Einstieg ins Thema:
5
00:00:30,200 --> 00:00:35,180
Klimawandel und welche Beziehungen zum
Netz da bestehen und wie sie sich ergeben.
6
00:00:35,180 --> 00:00:38,230
Einen großen Applaus bitte für Niklas.
Dankeschön.
7
00:00:38,230 --> 00:00:42,060
Applaus
8
00:00:42,060 --> 00:00:46,140
Niklas: Ja, vielen Dank! Schön, dass ich
hier sein darf. Genau, bei uns soll es
9
00:00:46,140 --> 00:00:51,879
heute um das "Planet Friendly Web" gehen.
Das heißt, welche Auswirkungen hat das
10
00:00:51,879 --> 00:00:56,930
Internet eigentlich auf die Umwelt? Wie
können wir die beeinflussen und
11
00:00:56,930 --> 00:01:01,540
bestenfalls sogar minimieren? Aber bevor
wir mit diesem ganzen Web Ding starten,
12
00:01:01,540 --> 00:01:07,649
habe ich ein kleines Bild mitgebracht. Und
zwar ist das von Prof. Julia Steinberger
13
00:01:07,649 --> 00:01:13,270
von der Universität Leeds, und die hat mit
diesem kleinen Schaubild versucht,
14
00:01:13,270 --> 00:01:18,850
4- bis 8jährigen Kindern beizubringen,
was eigentlich Klimawandel bedeutet,
15
00:01:18,850 --> 00:01:22,630
was für Auswirkungen Treibhausgase haben.
Und ich finde es total interessant,
16
00:01:22,630 --> 00:01:25,979
wie einfach man das doch darstellen kann.
Im Prinzip ist es nämlich so,
17
00:01:25,979 --> 00:01:30,530
dass wir eine Atmosphäre rund um
unsere Erde haben. Die sorgt dafür,
18
00:01:30,530 --> 00:01:35,780
dass unsere Erde nicht verglüht, aber
auch, dass sie nicht erfriert, indem sie
19
00:01:35,780 --> 00:01:40,979
Wärme absorbiert und umso mehr Treib-
hausgase wir in die Atmosphäre pusten,
20
00:01:40,979 --> 00:01:45,420
umso mehr, man kann sich das vorstellen
wie Luftpolsterfolie, umso mehr Folie legt
21
00:01:45,420 --> 00:01:49,810
sich um unsere Erde herum, umso mehr
Strahlen kommen rein, aber umso weniger
22
00:01:49,810 --> 00:01:54,399
gehen raus. Also umso mehr werden
absorbiert. Das heißt, unsere Erde erhitzt
23
00:01:54,399 --> 00:02:00,610
sich. Die Folge davon, dass unsere
Atmosphäre und auch die Erde immer wärmer
24
00:02:00,610 --> 00:02:05,729
wird, ist dass - man sieht hier den
Wasserkreislauf - dass immer mehr Wasser
25
00:02:05,729 --> 00:02:09,720
in die Atmosphäre aufsteigt und dadurch
immer mehr Wasserdampf in der Atmosphäre
26
00:02:09,720 --> 00:02:15,420
erhalten ist. Das Problem, was dadurch
entsteht, sind solche Geschichten. Studien
27
00:02:15,420 --> 00:02:21,180
haben zwar ergeben, dass durch den
Klimawandel wahrscheinlich nicht mehr
28
00:02:21,180 --> 00:02:29,010
Naturkatastrophen, Hurrikans, Wirbelstürme
etc. entstehen, aber die Intensität erhöht
29
00:02:29,010 --> 00:02:34,909
sich. Das heißt, durch eine wärmere
Atmosphäre und mehr Wasserdampf in der
30
00:02:34,909 --> 00:02:38,519
Atmosphäre entstehen stärkere
Wirbelstürme. Wir spüren diese
31
00:02:38,519 --> 00:02:44,840
Auswirkungen ganz konkret, beispielsweise
zuletzt beim Hurrikan Dorian in den
32
00:02:44,840 --> 00:02:50,150
Vereinigten Staaten von Amerika. Wer von
euch hat dieses Bild schon mal gesehen?
33
00:02:50,150 --> 00:02:54,000
Das sind die Climate Stripes - oh relativ
viele. Sehr cool! Für die, die es noch
34
00:02:54,000 --> 00:02:57,450
nicht gesehen haben: das ist eine
Visualisierung der Erderhitzung der
35
00:02:57,450 --> 00:03:03,049
letzten 100 Jahre. Was man hier sieht sind
100 Streifen. Jeder Streifen repräsentiert
36
00:03:03,049 --> 00:03:07,099
ein Jahr und zeigt die
Durchschnittstemperatur in diesem Jahr.
37
00:03:07,099 --> 00:03:11,450
Umso roter dieser Streifen ist, umso
wärmer, weil die
38
00:03:11,450 --> 00:03:16,210
Durchschnittstemperatur... Und hier sieht
man ganz klar, das sind die Climate
39
00:03:16,210 --> 00:03:20,640
Stripes für Deutschland. Hier sehen wir
über die letzten 100 Jahre gerade im
40
00:03:20,640 --> 00:03:25,620
letzten Viertel, wie stark die
Durchschnittstemperatur auch in
41
00:03:25,620 --> 00:03:30,099
Deutschland ansteigt. Das heißt, wenn wir
darüber reden, über die Klimaerhitzung,
42
00:03:30,099 --> 00:03:34,180
über die Klimakrise, dann reden wir nicht
über die Philippinen oder nicht nur über
43
00:03:34,180 --> 00:03:38,270
die Philippinen oder andere Länder, die
weit, weit weg sind, sondern wir sind ganz
44
00:03:38,270 --> 00:03:42,510
konkret selbst betroffen. Redet mal mit
eurem heimischen Förster oder mit den
45
00:03:42,510 --> 00:03:50,099
Landwirten. Die spüren diese Auswirkungen
schon ganz konkret in ihrem Alltag.
46
00:03:50,099 --> 00:03:55,170
Und wir wiederum in unserem Alltag oder
die allermeisten mittlerweile, die sind
47
00:03:55,170 --> 00:04:00,879
sich dessen bewusst. Die achten beim
Einkauf bspw. auf Bioprodukte oder
48
00:04:00,879 --> 00:04:04,920
regionale Produkte. Die verwenden keinen
Kohlestrom mehr und steigen auf
49
00:04:04,920 --> 00:04:12,120
erneuerbare Energien um, die versenden
vielleicht auch klimaneutral. All diese
50
00:04:12,120 --> 00:04:16,690
Geschichten machen wir schon ganz aktiv in
unserer in unserem Alltag, weil uns die
51
00:04:16,690 --> 00:04:23,550
Umwelt wichtig ist. Aber, noch nicht in
unserem professionellen Leben. Das endet
52
00:04:23,550 --> 00:04:28,000
meistens bei der Geschichte hier. Jeder
von euch hat das wahrscheinlich schon mal
53
00:04:28,000 --> 00:04:32,120
gesehen in irgendwelchen Signaturen,
meistens von irgendwelchen Konzernen.
54
00:04:32,120 --> 00:04:39,420
"Bitte drucken Sie diese E-Mail nicht aus,
der Umwelt zuliebe."Das ist meistens die
55
00:04:39,420 --> 00:04:44,870
einzige Verbindung von Umwelt und
professionellem digitalen Leben, die es
56
00:04:44,870 --> 00:04:49,320
aktuell gibt. Wer von euch hat denn sowas
schon mal auf einer Website beispielsweise
57
00:04:49,320 --> 00:04:53,010
gesehen? Da werden die Hände schon
weniger. Also in Signaturen sehen wir das
58
00:04:53,010 --> 00:04:57,010
relativ oft. Sowas sieht man relativ
selten auf auf Websites.
59
00:04:57,010 --> 00:05:02,370
"Wieso?" frag ich mich da. Ein radikales
Beispiel, die das zum Beispiel anders
60
00:05:02,370 --> 00:05:05,130
machen, ist das Low Tech Magazine.
61
00:05:05,130 --> 00:05:09,700
Ich weiß nicht, wer das von euch kennt.
Man sieht hier diesen gelben Bereich,
62
00:05:09,700 --> 00:05:14,280
der ist oben so ein bisschen weiß
abgesetzt. Der gelbe Bereich spiegelt die
63
00:05:14,280 --> 00:05:19,680
Batteriekapazität des Servers da, und
dieser Server wird einzig und allein aus
64
00:05:19,680 --> 00:05:24,940
solarem Strom, also aus Sonnenstrom, auf
einem Balkon in Barcelona gespeist. Da
65
00:05:24,940 --> 00:05:29,960
steht nämlich ein kleiner Raspberry mit
einem Solarpanel dran, und sollte die
66
00:05:29,960 --> 00:05:34,540
Sonne mal zu lange nicht scheinen, ist die
Webseite nicht erreichbar. Und das
67
00:05:34,540 --> 00:05:41,600
spiegelt halt dieser gelbe Bereich wieder.
Und hier unten im Footer sieht man schon
68
00:05:41,600 --> 00:05:48,410
Uptime - okay, zwei Wochen haben wir
ungefähr noch. Sollte jetzt die Batterie
69
00:05:48,410 --> 00:05:52,280
zu schnell sinken, weil zu lange keine
Sonne scheint oder weil zu viele Leute
70
00:05:52,280 --> 00:05:59,120
diese Seite aufrufen, dann ist die Seite
einfach mal nicht erreichbar.
71
00:05:59,120 --> 00:06:07,170
Wir reden relativ oft davon, nicht mehr
fliegen zu wollen, auf Flüge zu verzichten
72
00:06:07,170 --> 00:06:15,841
möglichst, weil Flüge extreme Umweltkiller
sind. 830 Mio. Tonnen CO2 im Jahr verursacht
73
00:06:15,841 --> 00:06:21,820
die gesamte Flugindustrie weltweit.
Worüber wir aber selten uns Gedanken
74
00:06:21,820 --> 00:06:27,630
machen ist, dass das Web mindestens
genauso viel verbraucht. Man sagt sogar
75
00:06:27,630 --> 00:06:34,890
2020 oder bis 2020 soll sich der
Verbrauch, der CO2 Verbrauch, zu dem der
76
00:06:34,890 --> 00:06:39,930
Flugindustrie des Webs verdoppelt haben.
Darüber sprechen wir aber nie, wir
77
00:06:39,930 --> 00:06:46,130
sprechen nie darüber, mal unser Streaming-
Verhalten zu überdenken, wir sprechen nie
78
00:06:46,130 --> 00:06:51,300
darüber, ob die xte Website mit
riesengroßen Bildern dann wirklich nötig
79
00:06:51,300 --> 00:06:56,430
ist, sondern wir sprechen meistens immer
nur von Flügen. Und das versuche ich heute
80
00:06:56,430 --> 00:07:02,340
mit diesem Vortrag zu ändern. Denn wir
müssen bedenken: Das Internet besteht aus
81
00:07:02,340 --> 00:07:09,500
Daten. Daten sind im Endeffekt nichts
anderes als energetische Impulse. Sie
82
00:07:09,500 --> 00:07:15,110
brauchen also Energie und Energie
verursacht Treibhausgase. Oder ganz
83
00:07:15,110 --> 00:07:19,280
konkret CO2. Diese ganz einfache Formel
müssen wir uns einfach immer wieder vor
84
00:07:19,280 --> 00:07:24,121
Augen halten, wenn wir Websites oder
digitale Produkte entwickeln. Daten
85
00:07:24,121 --> 00:07:30,780
bedeuten Energie, bedeuten CO2. Ich
glaube, die allermeisten von euch wissen
86
00:07:30,780 --> 00:07:36,640
im Grunde, wie das Web funktioniert. Aber
vor noch nicht allzu langer Zeit, als
87
00:07:36,640 --> 00:07:41,320
Werbung daraus bestand, Broschüren zu
drucken oder Print-Magazine zu drucken,
88
00:07:41,320 --> 00:07:44,399
sah das halt noch anders aus. Wenn wir
uns vorstellen, wir haben
89
00:07:44,399 --> 00:07:47,930
ein Print-Magazin, wir lassen das
drucken, das lassen wir einmal drucken.
90
00:07:47,930 --> 00:07:51,570
Wir haben einmal diesen Ressourcen-
verbrauch durch Farbe, durch Transport,
91
00:07:51,570 --> 00:07:58,960
durch das Papier. Dann ist völlig egal,
wie viele Leute diese Zeitung lesen,
92
00:07:58,960 --> 00:08:02,780
wie lange sie in unserem Schrank liegt,
sie verbraucht keine Ressourcen mehr.
93
00:08:02,780 --> 00:08:06,300
Bei digitalen Produkten ist das anders.
94
00:08:06,300 --> 00:08:10,110
Digitale Produkte verbrauchen dann
am meisten Energie, wenn sie intensiv
95
00:08:10,110 --> 00:08:17,630
genutzt werden, beispielsweise weil Pakete
zum DNS geschickt werden, zum Webserver
96
00:08:17,630 --> 00:08:22,270
und die Pakete wieder zurückgehen. All das
verbraucht Energie. Umso mehr Leute ein
97
00:08:22,270 --> 00:08:30,180
Produkt nutzen, umso mehr Energie wird
benötigt. Was wir mehr brauchen, sind
98
00:08:30,180 --> 00:08:34,579
solche coolen Leute, die sich darüber
Gedanken machen, wie wir Produkte
99
00:08:34,579 --> 00:08:39,169
nachhaltiger machen. Wir haben oftmals
Leute, die sich sehr intensiv Gedanken
100
00:08:39,169 --> 00:08:43,270
darüber machen, wie es mit der
ökonomischen Nachhaltigkeit aussieht. Wir
101
00:08:43,270 --> 00:08:48,520
haben auch meistens Leute, die sich damit
beschäftigen, wo die Seite in der
102
00:08:48,520 --> 00:08:52,860
Suchmaschine rankt. Wir haben Leute, die
sich darüber Gedanken machen, im besten
103
00:08:52,860 --> 00:08:58,071
Fall, ob die Seite barrierearm ist. Was
wir aber aktuell nicht haben, sind
104
00:08:58,071 --> 00:09:04,390
Professionals, die sich darüber Gedanken
machen, ob eine Seite nachhaltig gestaltet
105
00:09:04,390 --> 00:09:12,060
ist oder ob sie weniger Energie gebrauchen
könnte oder welche Features weniger
106
00:09:12,060 --> 00:09:17,610
Energie benötigen könnten. Und das
brauchen wir mehr. Und in den nächsten 30
107
00:09:17,610 --> 00:09:25,090
Minuten werdet ihr quasi eine Ausbildung
bekommen zu diesem Professional.
108
00:09:25,090 --> 00:09:30,170
Ich hab den Talk in 3 Teile geteilt. Zum
einen geht es um das Thema Energie, also
109
00:09:30,170 --> 00:09:34,070
mit welcher Energie wird meine Website
überhaupt betrieben? Dann geht es um die
110
00:09:34,070 --> 00:09:38,150
Ressourcen, die ich versende, und zum
Schluss um die Verantwortung unserer
111
00:09:38,150 --> 00:09:42,930
Nutzer gegenüber. Bevor wir damit
anfangen, möchte ich mich ganz kurz einmal
112
00:09:42,930 --> 00:09:47,450
vorstellen. Niklas Jordan Ich komme aus
Schwerin und beschäftige mich viel damit,
113
00:09:47,450 --> 00:09:53,250
was Technologie für einen Einfluss auf die
Umwelt hat. Aber auch auf Menschen. Und
114
00:09:53,250 --> 00:09:58,980
welchen positiven Einfluss man bewirken
könnte. Fangen wir mit dem Thema Energie
115
00:09:58,980 --> 00:10:04,390
an. Energie ist eigentlich das simpelste
Thema. Facebook hat schon extrem früh
116
00:10:04,390 --> 00:10:09,590
damit angefangen, ihre kompletten
Datenzentren auf erneuerbare Energien zu
117
00:10:09,590 --> 00:10:16,600
setzen. Relativ schnell kam Apple, Google,
reckspace oder Salesforce dazu. Es gibt
118
00:10:16,600 --> 00:10:21,540
aber immer noch Produkte oder Unternehmen,
die sich dem verweigern oder extrem
119
00:10:21,540 --> 00:10:26,200
intransparent agieren. Zum Beispiel
Twitter. Twitter veröffentlicht keine
120
00:10:26,200 --> 00:10:30,990
Transparenzberichte darüber oder gibt
keine Auskunft darüber, mit welcher
121
00:10:30,990 --> 00:10:35,220
Energie ihre Datenzentren betrieben
werden. Schätzungen zufolge liegt der
122
00:10:35,220 --> 00:10:40,410
Anteil der erneuerbaren Energien gerade
mal bei 35 Prozent. Da ist also definitiv
123
00:10:40,410 --> 00:10:44,930
noch Luft, und wir müssen Druck machen,
damit das möglichst schnell umgesetzt
124
00:10:44,930 --> 00:10:50,640
wird. Es ist relativ einfach zu schauen,
ob eine Seite erneuerbare Energien nutzt
125
00:10:50,640 --> 00:10:55,030
oder nicht. Und zwar gibt es hier die
Green Web Foundation. Wenn ihr die
126
00:10:55,030 --> 00:11:00,490
Webseite aufruft, dann seht ihr folgenden
Screen. Da könnt ihr einfach eine Domain
127
00:11:00,490 --> 00:11:05,860
eintragen und bekommt dann eine Auswertung
darüber, ob es Grünstrom verwendet oder
128
00:11:05,860 --> 00:11:11,060
nicht. Und der große Vorteil ist für
jeden, der selbst eine Webseite betreibt
129
00:11:11,060 --> 00:11:15,200
oder im Auftrag vielleicht Websites
betreibt: Man findet dort auch ein
130
00:11:15,200 --> 00:11:19,171
Verzeichnis über grüne Hoster. Das heißt,
wenn ihr feststellt, mein Hoster nutzt
131
00:11:19,171 --> 00:11:22,870
keinen grünen Strom, dann könnt ihr da
auch nachschauen und bekommt ein
132
00:11:22,870 --> 00:11:26,860
Verzeichnis darüber, in welchen Ländern
welche Hoster erneuerbare Energien
133
00:11:26,860 --> 00:11:33,310
einsetzen. Und könnt dementsprechend eure
Webseite umziehen. Wenn ihr das geschafft
134
00:11:33,310 --> 00:11:39,100
habt, habt ihr schon mal einen großen Teil
geschafft. Dann geht es darum, welche
135
00:11:39,100 --> 00:11:44,650
Ressourcen schicke ich dann überhaupt über
die Leitungen zu meinen Nutzern? Und zwar
136
00:11:44,650 --> 00:11:48,020
gibt es da auch ein ganz cooles Tool, was
uns hilft, da so ein bisschen
137
00:11:48,020 --> 00:11:53,020
einzuschätzen, wo stehe ich denn aktuell
überhaupt? Und zwar ist das der Website
138
00:11:53,020 --> 00:11:56,990
Carbon Calculator. Ich habe das hier mal
für Wikipedia gemacht, da kannst du auch
139
00:11:56,990 --> 00:12:03,210
einfach die Domain eintragen. Und dann
bekommt man hier eine kleine Auswertung.
140
00:12:03,210 --> 00:12:13,670
Wikipedia verursacht ungefähr 0,22 Gramm
CO2 pro Aufruf, nutzt grünen Strom. Das
141
00:12:13,670 --> 00:12:19,610
ist schon mal gut, und hier wenn man dann
einen richtigen Page Use einträgt, kriegt
142
00:12:19,610 --> 00:12:24,990
man auch noch eine Kalkulation darüber,
wieviel CO2 denn wirklich emittiert wird
143
00:12:24,990 --> 00:12:29,290
durch die Website in einem bestimmten
Zeitraum, und bekommt dann so ein paar
144
00:12:29,290 --> 00:12:38,080
Vergleichswerte, was das Ganze dann
verursacht. Das Problem, was wir so ein
145
00:12:38,080 --> 00:12:41,230
bisschen haben, ist: Wir haben immer
schnellere Bandbreiten, wir brauchen uns
146
00:12:41,230 --> 00:12:44,290
um die Geschwindigkeit einer Website
eigentlich kaum noch Gedanken machen. Das
147
00:12:44,290 --> 00:12:49,010
zeigt ganz gut diese Grafik hier, wo man
sieht, wie die Website-Größen im
148
00:12:49,010 --> 00:12:52,980
Durchschnitt sich über die Jahre
entwickelt haben. Aktuell sind wir bei 3,5
149
00:12:52,980 --> 00:12:58,920
MB einer durchschnittlichen Website. Man
sieht, 2011 sah das noch ganz anders aus.
150
00:12:58,920 --> 00:13:03,680
Was aber wirklich interessant an dieser
Grafik ist, wenn es, wenn wir uns mal den
151
00:13:03,680 --> 00:13:07,120
gelben Bereich anschauen, der gelbe
Bereich ist im Endeffekt, also ist das
152
00:13:07,120 --> 00:13:11,300
HTML, die Struktur, der Inhalt unserer
Website. Also das, was wir sagen müssen,
153
00:13:11,300 --> 00:13:15,410
findet im HTML statt. Und wenn wir uns
jetzt mal den Bereich anschauen, sehen
154
00:13:15,410 --> 00:13:19,580
wir, dass er eher kleiner wird als größer.
Das heißt, wir haben eigentlich weniger
155
00:13:19,580 --> 00:13:24,791
Inhalt auf unserer Seite, wollen weniger
sagen, aber unsere Website wird viel, viel
156
00:13:24,791 --> 00:13:28,060
größer. Wir verbrauchen viel, viel mehr
Daten. Das liegt einfach daran, dass wir
157
00:13:28,060 --> 00:13:33,500
immer mehr Bilder benutzen, immer größere
Bilder. Der Video-Anteil ist relativ groß
158
00:13:33,500 --> 00:13:38,420
geworden und das ist eigentlich unnötig.
Weil wir haben nicht mehr zu sagen. Wozu
159
00:13:38,420 --> 00:13:42,450
sollen wir dann noch unsere Website
unnötig stark aufblähen? Ein anderer
160
00:13:42,450 --> 00:13:49,370
Aspekt ist aber auch Werbung. Hier ist mal
eine Grafik von der New York Times und
161
00:13:49,370 --> 00:13:56,520
hier wird mal dargestellt in Gelb, welchen
Anteil Werbung und Tracking-Skripte beim
162
00:13:56,520 --> 00:14:02,860
Laden der News-Websites, US-Websites haben
und welchen Anteil der eigentliche Inhalt,
163
00:14:02,860 --> 00:14:06,670
für den ich mich interessiere, nämlich den
blauen Anteil. Da sieht man schon ein
164
00:14:06,670 --> 00:14:10,970
extremes Missverhältnis. Ich möchte mir
den Artikel durchlesen und muss aber erst
165
00:14:10,970 --> 00:14:16,790
einmal 15 Megabyte Tracking-Skripte und so
was alles laden, um diesen eigentlichen
166
00:14:16,790 --> 00:14:22,041
Inhalt zu sehen, der nur 4 MB groß ist. Da
ist auf jeden Fall Potenzial, das zu
167
00:14:22,041 --> 00:14:28,340
optimieren. Es gibt da von den großen
Werbe-Giganten, Google, Facebook und Co.
168
00:14:28,340 --> 00:14:32,610
auf jeden Fall Bestrebungen, das zu
verändern. Aber aktuell gibt es da einfach
169
00:14:32,610 --> 00:14:36,900
ein extremes Missverhältnis. Und deswegen
lohnt es sich nicht nur aus Gründen von
170
00:14:36,900 --> 00:14:42,910
Privacy und Sicherheit, Adblocker zu
verwenden, sondern auch aus ökologischen
171
00:14:42,910 --> 00:14:51,090
Gründen. Hier ist mal ein Beispiel:
webtest.app heißt diese Seite, da kann ich
172
00:14:51,090 --> 00:14:56,900
einfach mal drauf gehen und einfach eine
URL eingeben und dann sehe ich hier zum
173
00:14:56,900 --> 00:15:03,940
Beispiel, wieviel Energie ich dadurch
einspare. Wieviel Requires ich dadurch
174
00:15:03,940 --> 00:15:08,810
einspare, um einfach zu schauen, was
bringt es auf bestimmten Seiten einen
175
00:15:08,810 --> 00:15:12,500
Adblocker zu nutzen oder nicht? Um da
einfach auch mal was Konkretes zu sehen.
176
00:15:12,500 --> 00:15:19,660
Dann gibt es dieses nette Tool für alle
die, die selbst Websites entwickeln, finde
177
00:15:19,660 --> 00:15:25,240
ich das total spannend und zwar der
Performance Budget Calculator. Nutzt
178
00:15:25,240 --> 00:15:29,160
jemand von euch aktiv bei der Entwicklung
oder bei der Konzeption von Websites ein
179
00:15:29,160 --> 00:15:36,240
Performance Budget? Oh ja, ein, zwei, drei
Hände gehen hoch. Sehr schön. Und zwar
180
00:15:36,240 --> 00:15:43,180
geht es darum, dass man sagt oder
definiert: Ich möchte, dass meine Website
181
00:15:43,180 --> 00:15:48,459
mit Edge beispielsweise in fünf Sekunden
geladen ist. Dann habe ich ein gewisses
182
00:15:48,459 --> 00:15:54,140
Budget, was ich zur Verfügung habe, um das
in Ressourcen quasi zu übersetzen. Und
183
00:15:54,140 --> 00:15:58,350
wenn ich jetzt hier einfach mal mein Ziel
eingebe, die Verbindung und die Sekunden,
184
00:15:58,350 --> 00:16:04,440
in der meine Seite laden soll, bekomme ich
eine Auswertung darüber, wieviel Daten ich
185
00:16:04,440 --> 00:16:09,390
für Bilder, wieviel ich für HTML, für
Skripte, für CSS etc. zur Verfügung habe.
186
00:16:09,390 --> 00:16:14,210
Und der Vorteil dadurch ist, dass ich mir
ganz konkret darüber Gedanken machen muss,
187
00:16:14,210 --> 00:16:18,102
was ich auf meine Seite packe oder nicht.
Gerade in der Zusammenarbeit mit Kunden
188
00:16:18,102 --> 00:16:22,430
ist es total spannend, wenn man zusammen
ein Ziel definiert. Und dann kommt der
189
00:16:22,430 --> 00:16:26,190
Kundenwunsch: Ich möchte gerne diese
Funktion, dieses Video, dieses Bild in der
190
00:16:26,190 --> 00:16:29,797
Auflösung auf meiner Seite haben. Und dann
hat man hier einen ganz konkreten
191
00:16:29,797 --> 00:16:33,560
Anhaltspunkt und kann sagen: Wir können
das machen, dann können wir aber unser
192
00:16:33,560 --> 00:16:38,390
Ziel nicht erreichen, oder wir müssen an
anderer Stelle etwas einsparen. Man hat
193
00:16:38,390 --> 00:16:45,750
ein ganz konkretes Tool, um damit zu
arbeiten. Ich hab mal ein Beispiel
194
00:16:45,750 --> 00:16:52,090
mitgebracht. Hier hatte ich vor zwei
Jahren noch einen großen deutschen Verlag
195
00:16:52,090 --> 00:16:58,400
mit vier Buchstaben als Beispiel. Der fand
es aber nicht so cool und hat mich höflich
196
00:16:58,400 --> 00:17:02,830
gebeten, das doch bitte zu unterlassen.
Deswegen hab ich jetzt Wikipedia. Die sind
197
00:17:02,830 --> 00:17:09,489
nämlich viel, viel cooler. Ich hab mal
eine Milchmädchenrechnung aufgestellt.
198
00:17:09,489 --> 00:17:13,520
Klar spielen da ganz, ganz viele Aspekte
mit rein, aber es soll einfach mal eine
199
00:17:13,520 --> 00:17:17,850
Dimension zeigen, über die wir hier reden,
was wir verändern können. Und zwar hab ich
200
00:17:17,850 --> 00:17:22,539
mir die Wikipedia-Startseite angeguckt und
überlegt "Alles klar, was lädt denn jedes
201
00:17:22,539 --> 00:17:27,919
Mal wenn ich die Seite aufrufe?" Und das
ist in dem Fall natürlich das Logo. Das
202
00:17:27,919 --> 00:17:32,110
Logo hab ich mir einfach mal runtergeladen
auf meinen Rechner und geschaut. Wie groß
203
00:17:32,110 --> 00:17:38,769
ist das - 45 KB - klingt erst mal nicht
total groß. Klingt schon relativ klein.
204
00:17:38,769 --> 00:17:42,539
Dann hab ich das mal in ein Tool geworfen.
Das nennt sich Image Optim, ist ein
205
00:17:42,539 --> 00:17:46,870
kostenloses Tool für den Mac, aber auch
als Webservice kostenlos. Da kann ich das
206
00:17:46,870 --> 00:17:53,909
einfach reinziehen, und er komprimiert mir
das Bild nochmal optisch verlustfrei. Und
207
00:17:53,909 --> 00:17:59,419
ich seh wir haben da eine Ersparnis von
56,5 Prozent. Dementsprechend ist das Bild
208
00:17:59,419 --> 00:18:09,190
jetzt noch zirka 20 KB groß. Wikipedia hat
170 Millionen Aufrufe im Monat. Wenn ich
209
00:18:09,190 --> 00:18:14,989
das jetzt mal die Ersparnis rechne, 25 KB,
nochmal ein bisschen Caching abziehe, dann
210
00:18:14,989 --> 00:18:23,020
kommen wir auf 4300 Gigabyte Daten
Traffic, die ich dadurch einsparen könnte.
211
00:18:23,020 --> 00:18:29,929
Laut Umweltbundesamt benötigen wir, um ein
Gigabyte Daten zu verschicken, ungefähr
212
00:18:29,929 --> 00:18:35,220
fünf Kilowattstunden Energie. Wenn ich das
jetzt also mal die fünf Kilowattstunden
213
00:18:35,220 --> 00:18:40,730
rechne, komme ich auf circa 15 000
Kilowattstunden Energie, die ich dadurch
214
00:18:40,730 --> 00:18:47,240
im Monat einsparen. Das sind ungefähr 10
Single-Haushalte, die die gleiche Energie
215
00:18:47,240 --> 00:18:51,301
im Monat benötigen. Das ist schon eine
relativ große Hausnummer, über die wir da
216
00:18:51,301 --> 00:19:00,220
reden. Und das sind sieben Tonnen
CO2-Emissionen, die wir dadurch pro Monat
217
00:19:00,220 --> 00:19:04,460
einsparen können. Und damit ihr mal eine
Vorstellung davon habt, wie viel sieben
218
00:19:04,460 --> 00:19:10,619
Tonnen eigentlich sind: Mit sieben Tonnen
CO2 könntet ihr auch 16 Mal von Hamburg
219
00:19:10,619 --> 00:19:15,470
nach London und wieder zurückfliegen. Also
es eine richtig große Menge an
220
00:19:15,470 --> 00:19:20,539
CO2-Emissionen, die wir dadurch einsparen
können, nur durch zwei Minuten Aufwand
221
00:19:20,539 --> 00:19:27,249
dieses Logo runterzurechnen. Aber das ist
natürlich nicht der einzige Punkt. Videos
222
00:19:27,249 --> 00:19:34,139
sind ein riesengroßer Anteil beim globalen
Datenverkehr. Ungefähr 60 Prozent des
223
00:19:34,139 --> 00:19:39,549
weltweiten Datenverkehrs gehen
ausschließlich auf Videos zurück. Wenn wir
224
00:19:39,549 --> 00:19:45,240
uns mal hier Video on Demand anschauen 34
Prozent. 13 Prozent gehen allein auf den
225
00:19:45,240 --> 00:19:50,279
Anbieter Netflix zurück. Auch das ist eine
Hausnummer. Aber auch Pornografie mit 27
226
00:19:50,279 --> 00:19:57,659
Prozent ist ein Riesenthema. Vielleicht
denkt ihr da heute Abend noch einmal dran.
227
00:19:57,659 --> 00:20:02,169
Um das so ein bisschen im Blick zu
behalten, gibt es ein total nettes Tool
228
00:20:02,169 --> 00:20:07,570
auch von der Green Web Foundation, von
Chris Adams mitentwickelt. Und zwar kennt
229
00:20:07,570 --> 00:20:11,139
ihr mit Sicherheit alle Lighthouse. Jeder
Webentwickler nutzt wahrscheinlich
230
00:20:11,139 --> 00:20:16,480
Lighthouse, um seine Seite zu testen auf
verschiedene Parameter. Und was die Green
231
00:20:16,480 --> 00:20:21,299
Web Foundation entwickelt hat, ist ein
Plug-In dafür, nennt sich Greenhouse. Und
232
00:20:21,299 --> 00:20:26,320
man hat dann zusätzlich zu den Faktoren,
die Google sowieso auswertet, auch noch
233
00:20:26,320 --> 00:20:31,830
den Faktor Sustainable Web und kann seine
Website auf Nachhaltigkeit hin
234
00:20:31,830 --> 00:20:39,899
automatisiert testen lassen. Aber auch
Apple hat in seinem Safari-Browser jetzt
235
00:20:39,899 --> 00:20:44,140
in den Entwickler-Tools ein neues Feature
eingebaut, und zwar kann man jetzt hier
236
00:20:44,140 --> 00:20:51,619
auch den Energieaufwand, den der Besuch
einer Website benötigt, messen oder sich
237
00:20:51,619 --> 00:20:58,440
ausgeben lassen. Aber nicht nur das, was
auf der Seite passiert, die Ressourcen,
238
00:20:58,440 --> 00:21:03,780
die ich lade, können einen Impact auf die
Nachhaltigkeit und den Datenverkehr meiner
239
00:21:03,780 --> 00:21:07,360
Website haben, oder Energieaufwand.
Sondern auch, welche Programmiersprache
240
00:21:07,360 --> 00:21:13,950
ich benutze, beispielsweise. Wenn wir uns
jetzt mal die linke Spalte anschauen: C
241
00:21:13,950 --> 00:21:20,549
hat mit den geringsten Energieaufwand, kam
vor zwei Jahren in einer Studie heraus.
242
00:21:20,549 --> 00:21:24,519
Python hat mit den höchsten
Energieaufwand. Also auch damit sollte man
243
00:21:24,519 --> 00:21:29,620
sich definitiv beschäftigen, je nachdem,
welche Anwendungen man entwickeln will,
244
00:21:29,620 --> 00:21:33,880
was das Ziel dabei ist, sollte man darauf
achten, ob man das richtige Setting dafür
245
00:21:33,880 --> 00:21:40,619
nutzt. Ich bin ganz großer Freund von Text
only Websites, hier zum Beispiel NPR,
246
00:21:40,619 --> 00:21:48,289
National Public Radio, aus den Staaten.
Die nutzen beispielsweise eine Text only
247
00:21:48,289 --> 00:21:52,759
Website, aber auch CNN nutzt das
beispielsweise. Und ich hab mir gedacht,
248
00:21:52,759 --> 00:21:57,679
ich verdiene mein Geld nicht damit, schöne
Websites zu bauen und die besten Designs
249
00:21:57,679 --> 00:22:02,029
zu haben. Mache ich das Ganze doch einfach
auch mal mit meiner eigenen Website. Und
250
00:22:02,029 --> 00:22:07,170
das habe ich getan. Ich habe quasi reines
HTML benutzt und hab - und das möchte ich
251
00:22:07,170 --> 00:22:11,049
euch jetzt gerne mal mitgeben, ihr müsst
natürlich nicht diesen radikalen Schritt
252
00:22:11,049 --> 00:22:14,650
gehen und euer Design komplett über den
Haufen werfen - aber versucht doch
253
00:22:14,650 --> 00:22:19,920
einfach mal, Dinge zu reduzieren. Und wenn
diese Dinge auffallen, das zu erklären.
254
00:22:19,920 --> 00:22:23,500
Das hab ich nämlich hier gemacht. Ich hab
ganz oben, im Gelben sieht man das
255
00:22:23,500 --> 00:22:28,475
vielleicht so ein bisschen, gefragt, ob
die Website kaputt für dich aussieht.
256
00:22:28,475 --> 00:22:30,714
Und wenn ja, dann lies doch mal hier,
warum.
257
00:22:30,714 --> 00:22:34,730
Und hab hier genau erklärt, wieso diese
Website so aussieht, wie sie aussieht
258
00:22:34,730 --> 00:22:39,149
und was sie im Vergleich zu meiner
alten Website, die mega aufwendiges
259
00:22:39,149 --> 00:22:46,769
Design hatte - Ironie! - aber dagegen
einspart, um einfach transparent dafür
260
00:22:46,769 --> 00:22:51,600
Aufmerksamkeit zu schaffen, dass eine
Website nicht professionell ist, wenn sie
261
00:22:51,600 --> 00:22:58,629
ein überkrasses Design hat, sondern das,
was derjenige zu sagen hat, macht es aus.
262
00:22:58,629 --> 00:23:05,399
Bei CNN übrigens wurde die Website,
die Text only Website, nicht aus
263
00:23:05,399 --> 00:23:10,019
ökologischen Gründen gebaut, sondern
einfach aus dem Grund, dass der Hurrikan
264
00:23:10,019 --> 00:23:16,839
Irma zu dem Zeitpunkt in New Orleans
wütete und das mobile Netz einfach tot war
265
00:23:16,839 --> 00:23:21,990
und sie diese Seite gebaut haben, weil das
die einzige Informationsmöglichkeit war,
266
00:23:21,990 --> 00:23:27,749
die die Nutzer vor Ort hatten. Also es hat
auch einen ganz sinnvollen Aspekt. Ich
267
00:23:27,749 --> 00:23:32,770
habe noch die Green UX Checklist mit
aufgenommen von Manoverboard, wo noch
268
00:23:32,770 --> 00:23:36,670
einmal zusammengefasst wird, was man noch
so machen kann. Bilder reduzieren, Videos
269
00:23:36,670 --> 00:23:41,490
optimieren, die Video-Auflösung aber auch
Auto Play deaktivieren beispielsweise,
270
00:23:41,490 --> 00:23:46,500
weniger Fonts benutzen etc.. Ich glaube,
wie man Daten spart, das wisst ihr ganz
271
00:23:46,500 --> 00:23:50,549
gut. Was ich euch mit auf den Weg geben
möchte ist, dass die beste Design-
272
00:23:50,549 --> 00:23:54,139
Entscheidungen oftmals ein einfaches
"Nein" ist. Also wenn ihr euch darüber
273
00:23:54,139 --> 00:23:57,859
streitet, ob etwas nötig ist oder unnötig
ist, dann entscheidet euch einfach
274
00:23:57,859 --> 00:24:05,549
dagegen. Und jetzt zum letzten Punkt
Verantwortung dem Nutzer gegenüber. Es ist
275
00:24:05,549 --> 00:24:10,109
wichtig, dass wir dafür sorgen, dass der
Nutzer möglichst viele unnötige Klicks
276
00:24:10,109 --> 00:24:15,039
vermeidet. Zum Beispiel soll es
Unternehmen geben, die SEO betreiben,
277
00:24:15,039 --> 00:24:18,843
damit Leute auf ihre Seiten kommen, obwohl
sie diese Informationen, die die Leute
278
00:24:18,843 --> 00:24:22,609
eventuell suchen, gar nicht auf ihrer
Seite haben. Das ist unnötig. Damit kommen
279
00:24:22,609 --> 00:24:26,230
die Leute auf die Seite, finden die
Informationen nicht, die sie suchen,
280
00:24:26,230 --> 00:24:33,690
springen wieder ab und suchen erneut. Das
heißt es wurden unnötig Daten erzeugt und
281
00:24:33,690 --> 00:24:37,439
das muss einfach nicht sein. Eine klare
Navigationstruktur, eine klare
282
00:24:37,439 --> 00:24:42,450
Kommunikation hilft dabei auch sehr. Und
die Inhalte sollten für alle nutzbar,
283
00:24:42,450 --> 00:24:47,179
möglichst barrierearm sein, damit sie auch
für jeden aufrufbar sind. Das Problem ist
284
00:24:47,179 --> 00:24:53,279
so ein bisschen, dass uns idealistische
Argumente in der Kommunikation mit dem
285
00:24:53,279 --> 00:24:58,230
Kunden oftmals nicht weiterbringen.
Deshalb brauchen wir einen Business Case
286
00:24:58,230 --> 00:25:02,309
dazu. Und den Business Case hat
beispielsweise Amazon zusammen mit der
287
00:25:02,309 --> 00:25:06,279
Universität Stanford geliefert. Die haben
eine Studie gemacht und herausgefunden,
288
00:25:06,279 --> 00:25:14,149
dass der Umsatz von Amazon um ein Prozent
sinkt mit jeder Sekunde Ladezeit, die die
289
00:25:14,149 --> 00:25:18,950
Seite braucht. Also es gibt auch gerade im
E-Commerce einen ganz konkreten Business
290
00:25:18,950 --> 00:25:24,009
Case, wieso man sich damit beschäftigen
sollte. Aber man kann damit auch neue
291
00:25:24,009 --> 00:25:28,659
Nutzer gewinnen. Sehen wir bei der CNN
Lite Seite. Wir verbessern die User-
292
00:25:28,659 --> 00:25:36,070
Experience, bessere Ladezeiten. Wir sparen
das Datenvolumen unserer Nutzer. Wir
293
00:25:36,070 --> 00:25:40,070
können Kosten sparen, gerade im Hosting,
gerade bei großen Seiten hat das einen
294
00:25:40,070 --> 00:25:44,549
großen Effekt. Und Ladezeiten haben
natürlich auch irgendeinen Effekt auf die
295
00:25:44,549 --> 00:25:52,580
Suchmaschinen. Was müssen wir nun tun?
Jeder, der sich als Web-Entwickler den
296
00:25:52,580 --> 00:25:56,759
Webstandards und dem W3C verpflichtet
fühlt, der sollte das auf jeden Fall bei
297
00:25:56,759 --> 00:26:01,679
seiner zukünftigen Arbeit berücksichtigen.
Denn der W3C hat das offiziell in ihren
298
00:26:01,679 --> 00:26:07,789
Web Prinzipien mit aufgenommen, dass das
Web eine nachhaltige Plattform sein
299
00:26:07,789 --> 00:26:11,701
sollte. Außerdem gibt es eine große
Community, mittlerweile
300
00:26:11,701 --> 00:26:18,899
ClimateAction.tech, eine Slack Community,
es gibt bald ein Forum und ein paar andere
301
00:26:18,899 --> 00:26:22,909
Geschichten, die dann noch geplant sind,
wo wir uns einfach austauschen können, wo
302
00:26:22,909 --> 00:26:26,640
ihr, wenn ihr neu einsteigt, Fragen
stellen könnt. Sehr hilfreich, sehr
303
00:26:26,640 --> 00:26:32,659
hilfsbereit, sehr liebevolle Community,
lade ich euch recht herzlich zu ein. Wer
304
00:26:32,659 --> 00:26:36,690
sich mehr mit Hardware beschäftigt, für
den gibt es auch eine Community, die
305
00:26:36,690 --> 00:26:42,609
Impact Makers, kann ich auch sehr ans Herz
legen, dort Teil zu werden. Außerdem gibt
306
00:26:42,609 --> 00:26:47,190
es von Tim Frick, da hab ich auch einige
Grafiken her - vielen Dank dafür Tim - das
307
00:26:47,190 --> 00:26:51,409
Buch "Designing for sustainability",
bezieht sich vor allem auf Webdesign und
308
00:26:51,409 --> 00:26:56,211
Websites, Webentwicklung, was ich da tun
kann, um meine Website möglichst
309
00:26:56,211 --> 00:27:01,879
nachhaltig zu machen. Und wer sich dann
mehr in die technische Richtung
310
00:27:01,879 --> 00:27:05,450
weiterentwickeln will und auch ein
bisschen tiefer einsteigen will: Chris
311
00:27:05,450 --> 00:27:09,640
Adams hat gestern einen Vortrag gehalten
dazu, wo es auch um Serverlast etc. geht,
312
00:27:09,640 --> 00:27:14,059
wie man das ausgleichen kann. Lege ich
euch jetzt sehr ans Herz, euch das
313
00:27:14,059 --> 00:27:19,330
anzuschauen. Wer Software entwickelt: Es
gibt ab nächstem Jahr den Blauen Engel, an
314
00:27:19,330 --> 00:27:25,080
dem ich mitarbeiten durfte für
ressourceneffiziente Software, wo man sich
315
00:27:25,080 --> 00:27:28,299
als Software-Produkt auszeichnen lassen
kann, wenn man möglichst
316
00:27:28,299 --> 00:27:32,079
ressourceneffizient ist. Dazu gehört nicht
nur die Datenübertragung, die reine,
317
00:27:32,079 --> 00:27:36,729
sondern auch beispielsweise, dass die
Software auch mit möglichst alter Hardware
318
00:27:36,729 --> 00:27:40,249
nutzbar ist und ich nicht jedes Mal die
neueste Hardware brauche, um diese
319
00:27:40,249 --> 00:27:43,270
Software nutzen zu können. Natürlich
hat das auch einen Einfluss
320
00:27:43,270 --> 00:27:46,220
auf die Umwelt, wenn ich immer wieder
neue Hardware kaufen muss
321
00:27:46,220 --> 00:27:49,569
mit jedem Update, das stellt, ...soll
dieser Blaue Engel sicherstellen.
322
00:27:49,569 --> 00:27:51,100
Geht ab nächstem Jahr los.
323
00:27:51,100 --> 00:27:54,100
Würde ich mich sehr freuen, wenn ihr
euch daran beteiligt.
324
00:27:54,100 --> 00:27:59,479
Und ich hoffe, alle ihr im Saal seid
jetzt diese coolen Typen,
325
00:27:59,479 --> 00:28:04,720
die bei ihrem nächsten Projekt
darauf achten, ob ein Feature euer
326
00:28:04,720 --> 00:28:08,379
Produkt weniger nachhaltig macht, weniger
grüner und dafür sorgt, dass das
327
00:28:08,379 --> 00:28:13,149
abgestellt wird oder dass dafür eine
Alternative gefunden wird. Abschließen
328
00:28:13,149 --> 00:28:18,259
möchte ich mit Captain Planet, der sagt
"Go Planet!". Jeder sollte tun, was er
329
00:28:18,259 --> 00:28:23,580
kann und besonders ans Herz legen möchte
ich euch: Jeder, der bei euch in der
330
00:28:23,580 --> 00:28:29,230
Ausbildung - akademischen, beruflichen -
tätig ist, dass ihr das Thema mit auf die
331
00:28:29,230 --> 00:28:36,019
Agenda nehmt. Denn das ist aktuell leider
in den allerseltensten Fällen der Fall.
332
00:28:36,019 --> 00:28:41,269
Nehmt es mit, erzählt es euren Azubis,
erzählt es euren Studenten und nehmt es
333
00:28:41,269 --> 00:28:46,849
aktiv in den Lehrplan mit auf. Vielen Dank
für eure Aufmerksamkeit. Unter dem Link
334
00:28:46,849 --> 00:28:52,980
findet ihr alle Ressourcen, alle Links,
die Slides etc. Ich freue mich auf Fragen.
335
00:28:52,980 --> 00:28:56,689
Applaus
336
00:28:56,689 --> 00:29:04,419
Herald-Engel: Dein Applaus!
Niklas: Vielen Dank!
337
00:29:04,419 --> 00:29:08,710
H: Niklas, vielen Dank! Ich wusste nicht,
dass es was damit zu tun hat, welche
338
00:29:08,710 --> 00:29:11,009
Programmiersprache da verwendet wird.
N: lacht
339
00:29:11,009 --> 00:29:15,419
H: Wieder was gelernt! Okay, wir haben
noch ein bisschen Zeit für Fragen. Wenn
340
00:29:15,419 --> 00:29:21,080
ihr eine Frage habt, die Mikros stehen im
Raum, einfach hinstellen und ich sehe euch
341
00:29:21,080 --> 00:29:27,479
dann hoffentlich. Dann fange ich mit dem
Herrn auf der 1 an, bitte schön!
342
00:29:27,479 --> 00:29:31,339
Mikro 1: Schönen guten Tag, schönen Dank
für den Vortrag. Wie sieht es aus, wenn
343
00:29:31,339 --> 00:29:35,149
man komplexere Algorithmen verwendet, um
Daten zu komprimieren, und die dann
344
00:29:35,149 --> 00:29:38,490
versendet? Gibt's irgendwo was, wo man
nachschlagen kann, ob das jetzt
345
00:29:38,490 --> 00:29:44,750
effizienter ist, eine kleinere Filesize zu
senden, den aber den User wieder
346
00:29:44,750 --> 00:29:48,179
dekomprimieren zu lassen, ob das einen
Unterschied macht?
347
00:29:48,179 --> 00:29:52,070
N: Ehrlich gesagt, kann ich da jetzt keine
konkrete Antwort darauf geben, weil man
348
00:29:52,070 --> 00:29:56,279
das ganz einfach durchrechnen muss an dem
konkreten Fall. Das kann ich dir jetzt
349
00:29:56,279 --> 00:30:00,619
tatsächlich so ganz allgemein gar nicht
beantworten. Tut mir leid.
350
00:30:00,619 --> 00:30:05,169
H: Dankeschön. Wär ja vielleicht eine
Idee, will vielleicht mal jemand
351
00:30:05,169 --> 00:30:09,700
anschauen? Die Nummer 2, da steht auch
jemand. Hallo!
352
00:30:09,700 --> 00:30:13,279
Mikro 2: Hallo, meine Frage geht darum: In
der Mitte gab es so eine grobe
353
00:30:13,279 --> 00:30:20,340
Abschätzung: pro Request wurde gepusht,
soundsoviel CO2-Last quasi. Der
354
00:30:20,340 --> 00:30:24,710
Unterschied zwischen statischen
Ressourcen, statischen Webseiten und aus
355
00:30:24,710 --> 00:30:30,269
einem PHP-Skript oder sonst wie
gerechneten Webseiten mit Datenbank und so
356
00:30:30,269 --> 00:30:34,669
weiter, was hinten dranhängt, ist da unter
den Tisch gefallen. Gibt's irgendwo
357
00:30:34,669 --> 00:30:40,859
methodisch aufgeschlüsselt einen Vergleich
zwischen statischen Webseiten und sagen
358
00:30:40,859 --> 00:30:46,490
wir mal, WordPress?
N: Ja, den gibt es definitiv. Ich kann da
359
00:30:46,490 --> 00:30:51,089
gerne nochmal ein paar Ressourcen zu mit
in die Link-Sammlung schmeißen. Da gibt es
360
00:30:51,089 --> 00:30:54,799
auf jeden Fall mehrere Artikel zu, in
denen das dann nochmal genau auseinander
361
00:30:54,799 --> 00:30:58,649
gepflückt wird. Du hast Recht, in der
Kalkulation ist das ein bisschen unter den
362
00:30:58,649 --> 00:31:01,979
Tisch gefallen. Das sollte es halt
möglichst vereinfachen und möglichst
363
00:31:01,979 --> 00:31:04,909
simpel darstellen und nur so eine grobe
Hausnummer geben.
364
00:31:04,909 --> 00:31:10,649
H: Danke dir. Da an der 4, da steht auch
jemand. Hallo!
365
00:31:10,649 --> 00:31:15,289
Mikro 4: Hallo! Danke für den Vortrag.
N: Die 4? Ah, genau, hey!
366
00:31:15,289 --> 00:31:19,460
Mikro 4: Und zwar, bei unserem Unternehmen
ist auch das Problem, aber wenn man
367
00:31:19,460 --> 00:31:23,130
relativ klein ist, Werkstudent oder
ähnliches, ist es immer schwer, irgendwie
368
00:31:23,130 --> 00:31:28,679
nach oben das durchzureichen solche
Themen. Was sind denn vielleicht best
369
00:31:28,679 --> 00:31:32,240
practices oder ähnliches, wie man quasi
das in einem größeren Unternehmen
370
00:31:32,240 --> 00:31:35,600
durchsetzen könnte?
N: Ich habe ehrlich gesagt nur die Hälfte
371
00:31:35,600 --> 00:31:37,889
der Frage verstanden.
Mikro 4: Noch mal lauter?
372
00:31:37,889 --> 00:31:41,960
N: Ja, das wäre nett.
Mikro 4: Also in Großunternehmen ist es
373
00:31:41,960 --> 00:31:47,279
als kleiner Mitarbeiter oft schwer, das
Thema an den Mann zu bringen. Und was sind
374
00:31:47,279 --> 00:31:52,819
vielleicht best practices, wie man das
nach oben durchbringen kann und dem
375
00:31:52,819 --> 00:31:56,149
Unternehmen vermitteln kann, dass es
darauf mehr achten sollte?
376
00:31:56,149 --> 00:32:03,419
N: Das ist eine gute Frage. Am besten den
Leuten auf den Sack gehen, das ist
377
00:32:03,419 --> 00:32:07,940
tatsächlich das effizienteste. Man kann
natürlich viele Sachen einfach auch
378
00:32:07,940 --> 00:32:12,370
durchrechnen an deinem konkreten Produkt,
an dem du arbeitest, und sagen: "Pass auf,
379
00:32:12,370 --> 00:32:16,690
wenn wir das und das tun,..." Hatte ich ja
gesagt. Wir haben das beispielsweise bei
380
00:32:16,690 --> 00:32:24,899
einem Kunden gehabt, das ist eine große
Kinokette, und wir haben da einfach die
381
00:32:24,899 --> 00:32:30,839
Trailer, ...die Auflösung der Trailer
standardmäßig heruntergesetzt und konnten
382
00:32:30,839 --> 00:32:34,790
dadurch extreme Summen an Hostingkosten
einsparen. Das ist zum Beispiel eine ganz
383
00:32:34,790 --> 00:32:38,350
einfache Geschichte, die man mal
durchrechnen kann. Das müsstest du dann an
384
00:32:38,350 --> 00:32:42,749
deinem konkreten Produkt einfach mal
schauen. Wo sind da die Hebel und wo kann
385
00:32:42,749 --> 00:32:49,769
ich was tun? Und das dann einfach an den
entsprechenden Stellen antragen. Ansonsten
386
00:32:49,769 --> 00:32:54,309
tatsächlich einfach versuchen, möglichst
viele Kollegen auf deine Seite zu bringen.
387
00:32:54,309 --> 00:32:58,289
Und man muss ja nicht immer ganz oben
starten. Es muss nicht immer die
388
00:32:58,289 --> 00:33:02,080
Geschäftsführung oder der Abteilungsleiter
sagen "Ja, so machen wir das jetzt.".
389
00:33:02,080 --> 00:33:05,809
Sondern du kannst ja auch in deiner
alltäglichen Arbeit oder auch mit deinen
390
00:33:05,809 --> 00:33:11,859
Kollegen schon viele Hebel setzen, die
mitunter, wenn es nicht gewünscht ist, die
391
00:33:11,859 --> 00:33:15,990
nächsthöhere Etage auch gar nicht
mitkriegt. Einfach weil es zu deinem
392
00:33:15,990 --> 00:33:21,000
Mindset gehört und weil es zu deinem
Workflow passt. Und du kannst einfach
393
00:33:21,000 --> 00:33:24,899
versuchen, deine Kollegen mit auf deine
Seite zu bringen. Also klein anfangen und
394
00:33:24,899 --> 00:33:30,429
dann nach oben vorkämpfen.
H: Ein Job für Konzernforensiker, hmm.
395
00:33:30,429 --> 00:33:34,690
N: lacht
H: Okay, an der 5 ist noch jemand, an der
396
00:33:34,690 --> 00:33:39,590
2 ist noch jemand, und wir haben auch noch
im Internet Fragen. Aber mal schauen, wie
397
00:33:39,590 --> 00:33:42,859
weit wir kommen. Bitte erst mal der junge
Mann an der 5. Danke.
398
00:33:42,859 --> 00:33:48,619
Mikro 5: Jo, danke für den Talk auf jeden
Fall. Bei uns in der Firma ist es so ein
399
00:33:48,619 --> 00:33:53,859
bisschen das Problem, wenn wir mit
Konzernen zu tun haben, dass die oft nicht
400
00:33:53,859 --> 00:34:00,519
dieses Argument mit den Abschwungszahlen,
die du vorhin auch genannt hast, hören
401
00:34:00,519 --> 00:34:03,720
wollen.
H: Bisschen lauter, bitte!
402
00:34:03,720 --> 00:34:08,610
Mikro 5: Ja, die ...ich weiß nicht, ob
jetzt gar nichts gehört wurde?
403
00:34:08,610 --> 00:34:15,840
N: Doch, doch alles gut.
Mikro 5: Und die Frage, die ich stelle
404
00:34:15,840 --> 00:34:21,119
ist: Hast du noch andere Tipps, wie man
größere Konzerne darauf aufmerksam machen
405
00:34:21,119 --> 00:34:26,830
könnte, dass es sinnvoll ist?
N: Das kommt natürlich sehr auf den
406
00:34:26,830 --> 00:34:32,909
Konzern drauf an. Es gibt große Konzerne,
die machen auch quasi eigene Barcamps oder
407
00:34:32,909 --> 00:34:36,490
was auch immer, wo man das Thema
vielleicht mit platzieren kann. Das kann
408
00:34:36,490 --> 00:34:40,130
ich jetzt so pauschal nicht sagen. In so
großen Konzernen ist natürlich auch
409
00:34:40,130 --> 00:34:44,849
schwierig, in die Führungsetage einfach
rein zu stürmen und zu sagen: "So, ich
410
00:34:44,849 --> 00:34:49,099
habe jetzt eine Idee, die möchte ich jetzt
erzählen.". Das verstehe ich schon. Da
411
00:34:49,099 --> 00:34:53,470
muss man dann einfach schauen, welche
Möglichkeiten es da bei dir in der Firma
412
00:34:53,470 --> 00:34:58,690
gibt, wie man da am besten vorgehen kann.
Ansonsten bin ich immer ein großer Freund
413
00:34:58,690 --> 00:35:02,450
davon, quasi erst mal, wie ich gerade
schon sagte, unten anzufangen und nach
414
00:35:02,450 --> 00:35:06,329
vorne durchzukämpfen. Wenn man konkrete
Beispiele vielleicht auch hat, mit denen
415
00:35:06,329 --> 00:35:10,180
man da vorgehen kann, dann fällt es
oftmals auch leichter, die Führungsetage,
416
00:35:10,180 --> 00:35:14,020
die dann vielleicht erst mal ein bisschen
skeptischer ist, davon zu überzeugen.
417
00:35:14,020 --> 00:35:20,040
H: Dankeschön! So, der junge Mann an der
2, jetzt bist du dran. Danke für das
418
00:35:20,040 --> 00:35:25,779
Warten! Mikro 2: Danke! Danke für den
Talk. Zu den Adblockern hätte ich noch
419
00:35:25,779 --> 00:35:31,440
eine Frage. Weil es da so Medien gibt wie
den SPIEGEL ONLINE oder in Österreich den
420
00:35:31,440 --> 00:35:35,930
STANDARD, die sagen, wenn du nicht
Abonnent oder Abonnentin bist, dann musst
421
00:35:35,930 --> 00:35:40,410
du den Adblocker ausschalten, weil sonst
zeigen wir dir die Seite nicht kostenlos.
422
00:35:40,410 --> 00:35:43,410
Gibt es da irgendeine Strategie dagegen
oder ein gutes Argument?
423
00:35:43,410 --> 00:35:49,351
N: Ja, tatsächlich ist meine Strategie für
Inhalte zu bezahlen, die ich viel
424
00:35:49,351 --> 00:35:53,359
konsumiere. Also ich verstehe natürlich
schon den Aspekt der Verlage, dass die
425
00:35:53,359 --> 00:35:58,059
Geld mit ihren Inhalten verdienen müssen.
Und das sollen sie auch. Journalismus muss
426
00:35:58,059 --> 00:36:06,169
Geld kosten, keine Frage. Und die Seiten,
die ich viel aufrufe, die ich viel
427
00:36:06,169 --> 00:36:10,420
konsumiere, für die bezahle ich ganz
einfach. Ansonsten gibt es da leider nur
428
00:36:10,420 --> 00:36:15,290
die Strategie für die einzelne Seite, den
Adblocker abzuschalten.
429
00:36:15,290 --> 00:36:19,660
H: Dankeschön! So anderthalb Minuten
vielleicht noch eine Frage aus dem
430
00:36:19,660 --> 00:36:23,230
Internet? Lieber Signalengel...
Signal-Engel: Ja, und zwar, du hast den
431
00:36:23,230 --> 00:36:28,069
Blauen Engel erwähnt. Und dass du da dran
beteiligt war. Kannst du ein bisschen was
432
00:36:28,069 --> 00:36:32,900
dazu erzählen? Und auch vielleicht was da
so die Kriterien sind?
433
00:36:32,900 --> 00:36:37,200
N: Ja, genau. Also, ich war daran
beteiligt. In verschiedenen Expertenrunden
434
00:36:37,200 --> 00:36:41,600
haben wir uns im Umweltbundesamt getroffen
und haben über die Kriterien, die vorher
435
00:36:41,600 --> 00:36:46,049
von verschiedenen Universitäten zusammen
mit dem Umweltbundesamt ausgearbeitet
436
00:36:46,049 --> 00:36:52,000
wurden, diskutiert, kritisiert, verändert.
Im Prinzip geht es darum, dass es eine
437
00:36:52,000 --> 00:36:56,760
Zertifizierung, für die man sich bewerben
kann als Software Produkt, gibt. Aktuell
438
00:36:56,760 --> 00:37:00,869
geht es erst mal nur für native Software,
die ich auf meinem Rechner installiere,
439
00:37:00,869 --> 00:37:06,130
Apps und Web-Apps spielen da leider erst
mal noch keine Rolle. Daran wird aber
440
00:37:06,130 --> 00:37:10,599
weiter gearbeitet, und das Prinzip
dahinter ist, dass ich entweder alle
441
00:37:10,599 --> 00:37:14,550
Kriterien erfülle oder nicht. Wenn nicht,
kriege ich den Blauen Engel nicht. Wenn
442
00:37:14,550 --> 00:37:18,300
ich sie erfülle, dann bekomme ich ihn. Und
Kriterien sind zum Beispiel, wie ich
443
00:37:18,300 --> 00:37:23,830
gerade schon sagte, dass ich möglichst
eine geringe Energielast auf dem Rechner
444
00:37:23,830 --> 00:37:29,290
hervorrufe. Aber auch, dass ich möglichst
selten neue Hardware kaufen muss, um diese
445
00:37:29,290 --> 00:37:36,350
Software langfristig weiter zu nutzen.
Beispielsweise indem der Produzent der
446
00:37:36,350 --> 00:37:41,200
Software versichert, dass es mindestens
auf dem Stand der letzten fünf bis zehn
447
00:37:41,200 --> 00:37:45,779
Jahre auf der Hardware weiterlaufen kann
und solche Geschichten. Also es ist ein
448
00:37:45,779 --> 00:37:49,840
relativ langer Katalog. Wer daran
Interesse hat, kann mir gerne eine Mail
449
00:37:49,840 --> 00:37:53,419
schreiben oder mich ansprechen. Dann kann
ich den auch gerne schon mal vorab
450
00:37:53,419 --> 00:37:54,770
zukommen lassen.
451
00:37:54,770 --> 00:37:58,510
H: Super, okay, dann bedanke ich mich
noch mal, vielleicht noch mal
452
00:37:58,510 --> 00:38:00,959
einen kleinen Applaus oder einen großen,
dir Niklas.
453
00:38:00,959 --> 00:38:03,529
N: Vielen Dank!
Applaus
454
00:38:03,529 --> 00:38:06,103
Abspannmusik
455
00:38:06,103 --> 00:38:12,219
Untertitel erstellt von c3subtitles.de
im Jahr 2020. Mach mit und hilf uns!