{"id":37896,"date":"2020-08-26T01:58:50","date_gmt":"2020-08-26T08:58:50","guid":{"rendered":"https:\/\/staging.kinsta.site\/?p=24306"},"modified":"2022-06-06T14:29:01","modified_gmt":"2022-06-06T13:29:01","slug":"emissionsfreie-webseiten","status":"publish","type":"post","link":"https:\/\/staging.kinsta.site\/de\/blog\/emissionsfreie-webseiten\/","title":{"rendered":"\u00d6kologisierung des Web: Wie wir emissionsfreie Webseiten erstellen k\u00f6nnen"},"content":{"rendered":"

Immer wenn ich \u00fcber das Thema der umweltfreundlichen Gestaltung des Internets und der Reduzierung der CO2-Emissionen von Webseiten spreche, schauen mich die Leute oft verst\u00e4ndnislos an, bevor sie fragen: „Produzieren Webseiten \u00fcberhaupt CO2-Emissionen?<\/p>\n

Wir neigen dazu, das Internet als sauber und immateriell zu betrachten. Es hat einen gro\u00dfen Drang gegeben, Dienste online zu stellen, nicht nur, um die Effizienz und das Nutzererlebnis zu verbessern, sondern auch, um den Ressourcenverbrauch und die Umweltauswirkungen zu reduzieren. Es gibt jedoch immer mehr Beweise daf\u00fcr, dass das Internet eine sehr reale Auswirkung auf die Umwelt<\/strong> hat, auch wenn wir es nicht sehen k\u00f6nnen.<\/p>\n\n

Der Energieverbrauch und die Emissionen durch das Internet sind enorm. Elektrizit\u00e4t ist das Lebenselixier des Internets. Sie wird verwendet, um Rechenzentren, Telekommunikationsnetzwerke und die Ger\u00e4te, die wir zum Surfen im Internet benutzen, mit Strom zu versorgen. Insgesamt verbraucht das weltweite Internet mehr Strom als das gesamte Vereinigte K\u00f6nigreich (416,2 Terawattstunden Strom pro Jahr<\/a>, um genau zu sein).<\/p>\n

Dies f\u00fchrt zu einer Menge Kohlenstoffemissionen. Tats\u00e4chlich stammen 2 % der weltweiten Kohlenstoffemissionen<\/a> aus der vom Internet verbrauchten Elektrizit\u00e4t. Wie zum Beispiel Rechenzentren, die von gro\u00dfen Unternehmen genutzt werden. Das entspricht der Menge an Kohlenstoff aus der globalen Luftfahrtindustrie, von der die meisten Leute denken, dass sie eine der am schlimmsten umweltverschmutzenden Industrien ist. Um es in die richtige Perspektive zu setzen: Wenn das Internet ein Land w\u00e4re, w\u00e4re es der sechstschlimmste Umweltverschmutzer der Welt, gleichbedeutend mit Deutschland.<\/p>\n

\"Rechenzentren\"
Rechenzentren produzieren eine Menge Kohlenstoffemissionen<\/figcaption><\/figure>\n

Im Gegensatz zu vielen anderen Industrien, die nach Effizienz streben und die Emissionen senken, werden die Emissionen aus dem Internet in den kommenden Jahren rapide ansteigen. Die Zahl der Menschen weltweit, die Zugang zum Internet haben, nimmt zu, und da die Daten schneller und billiger werden, verbrauchen wir alle mehr. Streaming-Dienste wie YouTube<\/a>, Netflix und Spotify sind starke Datennutzer und wachsen schnell, aber auch gew\u00f6hnliche Webseiten werden immer datenintensiver.<\/p>\n

Laut HTTPArchive.org<\/a> ist die durchschnittliche Webseite heute fast viermal so gro\u00df wie 2010<\/strong> und steigt weiter an.<\/p>\n

\"Durchschnittliches
Durchschnittliches Webseiten-Wachstum (Quelle: HTTP-Archiv)<\/figcaption><\/figure>\n

Es wird gesch\u00e4tzt, dass das Internet in den n\u00e4chsten 10 Jahren auf 3,5% der weltweiten Kohlenstoffemissionen<\/a> anwachsen k\u00f6nnte, zu einer Zeit, in der wir die Emissionen aller Industrien schnell reduzieren m\u00fcssen.<\/p>\n

Die Dringlichkeit wurde von Thomas Stocker, einem der weltweit f\u00fchrenden Klimawissenschaftler und ehemaliger Ko-Vorsitzender des Internationalen Ausschusses f\u00fcr Klima\u00e4nderungen (IPCC), hervorgehoben. Er hat erkl\u00e4rt:<\/p>\n

Das Jahr 2020 ist entscheidend. Wenn die CO2-Emissionen \u00fcber dieses Datum hinaus weiter ansteigen, werden die ehrgeizigsten Minderungsziele unerreichbar werden. (Quelle: M2020<\/a>)<\/em><\/p><\/blockquote>\n

Damit bleiben uns nur noch zwei Jahre, um unsere Industrie von einer der am schnellsten wachsenden Quellen von Treibhausgasemissionen umzuwandeln und damit zu beginnen, unsere kollektiven Emissionen zu senken. Als Webdesigner, Entwickler oder Betreiber von Webseiten m\u00fcssen wir schauen, was wir tun k\u00f6nnen, um die Emissionen unserer eigenen Webseiten zu reduzieren.<\/p>\n

Zuerst m\u00fcssen wir drei einfache Prinzipien verstehen:<\/p>\n

    \n
  1. Wir k\u00f6nnen keine Dinge managen, die wir nicht messen k\u00f6nnen.<\/li>\n
  2. Der Datentransfer verbraucht Strom, also wird die Reduzierung des Datentransfers Energie und Emissionen reduzieren.<\/li>\n
  3. Erneuerbare Energie erzeugt viel weniger Emissionen als andere Quellen.<\/li>\n<\/ol>\n

    Kohlenstoff-Emissionen von Webseiten messen<\/h2>\n

    Es ist sehr schwierig, etwas zu verbessern, was man nicht messen kann, und bis vor kurzem war es fast unm\u00f6glich zu wissen, wie hoch die Emissionen einer bestimmten Webseite sein k\u00f6nnten. Das Ergebnis war, dass es f\u00fcr Webdesigner, Entwickler und Webseitenbetreiber schwer war, auch nur \u00fcber die Kohlenstoffemissionen ihrer Webseiten zu diskutieren, geschweige denn etwas dagegen zu unternehmen.<\/p>\n

    Gl\u00fccklicherweise ist dies nun m\u00f6glich mit dem kostenlosen Tool zur Sch\u00e4tzung der CO2-Emissionen der Webseite auf WebsiteCarbon.com<\/a>, das Daten \u00fcber den CO2-Aussto\u00df pro Seitenaufruf, den j\u00e4hrlichen CO2-Aussto\u00df (basierend auf einer bestimmten Anzahl von Seitenaufrufen), den j\u00e4hrlichen Energieverbrauch und dar\u00fcber, ob die Webseite in einem mit erneuerbarer Energie betriebenen Rechenzentrum gehostet wird oder nicht, liefert. Mit diesem Tool ist es m\u00f6glich, die eigene Webseite mit der Konkurrenz zu vergleichen und Ziele f\u00fcr die eigene Kohlenstoffreduzierung zu setzen.<\/p>\n

    \"Messen
    Messen der Kohlenstoffemissionen der Webseite<\/figcaption><\/figure>\n

    Die Daten aus diesem Tool enth\u00fcllen einige \u00fcberraschende Fakten. Die durchschnittliche Webseite produziert 6,8 Gramm CO2 pro Seitenaufruf<\/strong>. Das h\u00f6rt sich vielleicht nicht nach viel an, aber es summiert sich schnell. Eine durchschnittliche Webseite mit 10.000 Seitenaufrufen pro Monat w\u00fcrde 816kg CO2 pro Jahr produzieren. Das ist mehr als die Emissionen, die ein Flug von London nach Tokio verursacht.<\/p>\n

    Auf der anderen Seite ist die effizienteste getestete Webseite www.muskfoundation.org<\/a>, die gemeinn\u00fctzige Stiftung von Elon und Kimbal Musk, mit einem Aussto\u00df von nur 0,009 Gramm CO2 pro Seitenaufruf. Es mag eine brutal minimalistische Webseite sein und sie erf\u00fcllt sicherlich nicht die Erwartungen der meisten modernen Webnutzer an das Benutzererlebnis, aber sie zeigt, wie effizient eine Webseite sein kann.<\/p>\n

    Reduzierung des Datentransfers von Webseiten<\/h2>\n

    Nachdem wir die Emissionen von unserer bestehenden Webseite und den Webseiten der Wettbewerber verglichen haben, k\u00f6nnen wir dann Ma\u00dfnahmen ergreifen, um die Emissionen zu senken. Da der Datentransfer in direktem Zusammenhang mit dem Energieverbrauch und den Emissionen steht, m\u00fcssen wir vor allem Wege finden, um die Webseite effizienter zu gestalten<\/strong>. Es gibt im Wesentlichen zwei M\u00f6glichkeiten, dies zu erreichen.<\/p>\n

    Zum einen k\u00f6nnen wir das Gewicht (in KB) aller unserer Webseiten reduzieren. Die Reduzierung des Seitengewichts hat zahlreiche zus\u00e4tzliche Vorteile, darunter schnellere Ladezeiten, was das Nutzererlebnis und die Suchmaschinenoptimierung (SEO) verbessert, sowie eine geringere Datennutzung f\u00fcr Nutzer mit begrenzten Internetverbindungen. Dies kann besonders wichtig f\u00fcr mobile Nutzer und Webseitenbesucher aus einkommensschwachen Gruppen sein, vor allem in Entwicklungsl\u00e4ndern, wo Internetdaten im Verh\u00e4ltnis zu den lokalen L\u00f6hnen sehr teuer sind.<\/p>\n

    Ein paar einfache Dinge, die wir tun k\u00f6nnen, um das Seitengewicht zu reduzieren, sind:<\/p>\n

      \n
    1. Wir k\u00f6nnen den Code sauber und effizient schreiben.<\/li>\n
    2. Wir k\u00f6nnen Vektorgrafiken und CSS-Effekte verwenden, um ein visuell ansprechendes Erlebnis mit viel kleineren Dateien als bei herk\u00f6mmlichen Bildern wie JPEGs und GIFs zu schaffen.<\/li>\n
    3. Wir k\u00f6nnen Bilder ma\u00dfstabsgetreu hochladen, anstatt uns bei der Gr\u00f6\u00dfenanpassung auf CSS zu verlassen. Wenn du WordPress benutzt, ist das nicht so wichtig, da es responsive Bilder<\/a> unterst\u00fctzt.<\/li>\n
    4. Wir k\u00f6nnen gro\u00dfe Medien an Drittanbieter auslagern<\/a>, die umweltfreundlich sind.<\/li>\n
    5. Wir k\u00f6nnen Dateien, Bilder und Videos komprimieren, um die Dateigr\u00f6\u00dfe ohne sichtbaren Qualit\u00e4tsverlust zu reduzieren. Schau dir diese Beitr\u00e4ge \u00fcber Bildoptimierung<\/a> und verlustbehaftete Komprimierung<\/a> an. Ein wenig verlustbehaftete Komprimierung kann eine Webseite leicht um \u00fcber 90% verkleinern!<\/strong> ?<\/li>\n
    6. \n

      \"Vor
      Vor und nach der Komprimierung<\/figcaption><\/figure><\/li>\n
    7. Wir k\u00f6nnen das automatische Abspielen von Videos vermeiden, indem wir den Benutzer bitten, Videos abzuspielen, wenn es von Interesse ist.<\/li>\n
    8. Wir k\u00f6nnen benutzerdefinierte Schriftarten minimieren, was tats\u00e4chlich einen gro\u00dfen Teil der gesamten Seitengr\u00f6\u00dfe ausmachen kann. Die Ber\u00fccksichtigung websicherer Schriften<\/a> ist eine weitere gro\u00dfartige Option.<\/li>\n
    9. Wir k\u00f6nnen uns daf\u00fcr entscheiden, \u00e4ltere Browser wie den IE8 nicht mehr zu unterst\u00fctzen und nur noch moderne Webfonts wie WOFF und WOFF2 zu verwenden, die h\u00f6here Komprimierungsmethoden verwenden. Schau dir dieses Tutorial \u00fcber die Verwendung von abgespeckten Versionen der lokalen Schriftarten<\/a> an.<\/li>\n
    10. Wir k\u00f6nnen Tracking- und Werbeskripte reduzieren, die Daten verbrauchen und dem Benutzer kaum einen Mehrwert bieten. Schau dir an, wie du die Leistung Dritter auf deiner Webseite analysieren<\/a> kannst.<\/li>\n
    11. Wir k\u00f6nnen mobile L\u00f6sungen wie AMP<\/a> verwenden, um die aktuelle Version einer Webseite sofort zu entfernen.<\/li>\n<\/ol>\n

      W\u00e4hrend des gesamten Lebenszyklus einer Webseite lautet die wohl beste Regel: „Im Zweifelsfall lass es aus<\/strong>„.<\/p>\n

      Oft, wenn wir nicht sicher sind, ob eine Webseite etwas braucht, ist es verlockend, es nur zur Sicherheit hinzuzuf\u00fcgen, aber eigentlich sollten wir es aus der entgegengesetzten Perspektive angehen. Wir sollten alles auslassen, bei dem wir uns nicht sicher sind, und dann herausfinden, ob es jemand vermisst. Erst dann sollten wir es auf der Webseite hinzuf\u00fcgen, wenn es sich als notwendig und wertvoll erweist.<\/p>\n

      Das Implementieren einer Caching-L\u00f6sung<\/a> ist auch sehr wichtig. Caching ist der Prozess, bei dem Ressourcen aus einer Anfrage gespeichert werden und diese Ressourcen f\u00fcr nachfolgende Anfragen wiederverwendet werden. Im Grunde genommen reduziert es die Server-Bandbreite, die ben\u00f6tigt wird, um einen Seitenaufruf zu erzeugen, indem es statische Ressourcen au\u00dferhalb des Hosts speichert.<\/p>\n

      Nimm zum Beispiel den WordPress Host Kinsta. Sie haben vier verschiedene Cache-Typen<\/a>, die alle automatisch auf Software- oder Serverebene erstellt werden:<\/p>\n