Klaas Ole Jordan
Web Performance und Nachhaltigkeit

Profilbild von Klaas

Hallo, ich bin Klaas. Ich biete Beratung, Coaching und Entwicklung für alles rund um Web Performance und Nachhaltigkeit an. Meine Mission ist es, das Web schneller, effizienter, zugänglicher und weniger CO2 intensiv zu machen.

Was ich anbiete

Performance Audits
Ich identifiziere Performance-Probleme und priorisiere Verbesserungen von schnellen Erfolgen bis hin zu technischen Tiefenanalysen, um Geschwindigkeit und Effizienz eurer Webseiten zu steigern.
Coaching Sitzungen
Ich biete Online- und Vor-Ort-Coaching-Sitzungen an, um Best Practices und eine performanceorientierte Denkweise nachhaltig zu etablieren.
Core Web Vitals Überwachung
Ich integriere Core Web Vitals Monitoring mittels der CrUX API und setze automatisierte Benachrichtigungen auf, um Regressionen eurer Seiten schnell zu adressieren.
Einfluss Messung
Ich setze Tracking auf, um die Korrelation von Performance Verbesserungen auf Konversionsrate, Benutzerverhalten und schlussendlich Einnahmen zu messen.
Nachhaltigkeits Review
Meine detaillierten Reviews ermitteln alle Faktoren, die die Nachhaltigkeit eurer Webseiten beeinflussen und heben Möglichkeiten hervor, den CO2 Abdruck zu verringern.
Trainingssitzungen
Ich biete Online- und Vor-Ort-Trainingssitzungen an, wo wir mit Management und Entwicklern Strategien diskutieren, wie Nachhaltigkeit langfristig gewährleistet werden kann.
HTML Analyse
Ich analysiere euren HTML Code, um sicherzustellen, dass dieser sauber ist und alle Möglichkeiten ausschöpft hervorgehobene Snippets zu erzeugen.
Crawlbarkeits- & Indexierungs- Checks
Ich identifiziere und berichte etwaige Probleme, die Suchmaschinen das Crawlen und Indexieren eurer Webseiten erschwert.
Backend Entwicklung
Ich entwickle robuste, effektive Backends mittels PHP mit gängigen CMS- und MVC-Frameworks, SQL DBMSs, nginx und apache.
Frontend Entwicklung
Ich entwickle leichte, leistungsstarke Frontend-Lösungen unter Verwendung von HTML, (S)CSS, JS mit oder ohne gängige Bibliotheken und WASM.

Was mir wichtig ist und wie sich das auf dieser Seite widerspiegelt

Web Performance und Web Nachhaltigkeit spielen eine wichtige Rolle in meiner Arbeit. Daher versuche ich Best-Practices auf dieser Webseite umzusetzen und sie stetig zu verbessern, auch wenn mir bewusst ist, dass sie keine gigantischen BesucherInnenzahlen generieren wird. Diese Webseite soll möglichst schnell laden und einen geringen Payload (<100kB pro Seitenaufruf) produzieren.

Mein Verständnis des Begriffs Web Nachhaltigkeit richtet sich nach dem Sustainable Web Manifesto und umfasst neben der ökologischen Nachhaltigkeit viele weitere Themen wie Zugänglichkeit und soziale Nachhaltigkeit. Das Manifest dient beim (Weiter-)Entwickeln dieser Webseite als Grundpfeiler.

Die Domain wird aktuell auf OVH gehostet. OVH gilt als grüner Host. Bei genauer Betrachtung stellt sich aber heraus, dass die Server in Frankreich ihre Energie (noch) hauptsächlich aus dem nuklearlastigen, französischen Energienetz ziehen. Während diese Energiequelle CO2-effizient ist und nach einigen Definitionen als “grün” gilt, halte ich es trotzdem für suboptimal.

Aus diesem Grund werde ich die Webseite zeitnah auf einen nachhaltigeren Host umsiedeln, der vollständig auf regenerative Energien setzt. Diese und weitere Verbesserungen halte ich in meinem Blog fest und mache sie somit transparent.

Worüber ich schreibe

In meinem Blog schreibe ich über Themen aus der Web Performance und Web Nachhaltigkeit. Dabei beschränke ich mich auf Posts, wo ich denke einen Mehrwert beitragen zu können. In Zeiten von ungezügeltem, KI generiertem Content im Internet, ist es mir außerdem wichtig, meine Aussagen durch vertrauenswürdige Referenzen zu stützen. Ich benutze (gen)KI auf dieser Webseite, um mich bei der Übersetzung vom Deutschen ins Englische unterstützen zu lassen oder treffende Formulierungen zu finden. Hier sind meine letzten Beiträge.

6 Browserfenster mit folgenden Symbolen: Baum, Hände, die ein Herz heben, Mensch, Schloss, Pulsmonitor und normaler Inhalt einer Webseite.
WRAPS - Nicht-Regierungs-Organisationen (NGOs)

In dieser Episode der WRAPS (Website Rankings According to Performance and Sustainability) untersuche ich die Homepages einiger großer NGOs mit Fokus auf Umwelt- und Klimaschutz. Sind die Hausaufgaben bzgl. Web-Nachhaltigkeit gemacht?

Überschrift:
Viele US-Digitalprodukte sollten wir meiden. Es gibt bessere EU-Alternativen.

Durch die amerikanischen Big-Tech Anbieter machen wir uns abhängig, beeinflussbar und opfern unsere Privatsphäre. Dabei gibt es bessere Alternativen aus Europa. Schnell wechseln!

Futurama Blernsball Spieler erwartet einen Ball zugeworfen zu bekommen, kriegt aber stattdessen eine Torte ins Gesicht. Bildunterschrift: PRELOAD FONTS OHNE CROSSORIGIN ATTRIBUT
Alles was ihr nie über CORS und Font-Preloads wissen wolltet.

Font-Preloads und CORS sind eine komplizierte Angelegenheit. Besonders weil unterschiedliches Browserverhalten ein Dilemma herbeiführt, welches zu viel unnötigem Datentransfer führt und die Performance schmälert.

Bart Simpson guckt traurig und sagt:
Erkenntnisse des diesjährigen Web Almanachs

Die diesjährige Veröffentlichung des Web Almanachs auf httparchive.org zeigt interessante Entwicklungen. Nicht alle davon sind positiv.

6 Browser windows, one of them contains a shirt with a leaf on it, the others contain symbols: a tree, an accessibility icon, a lock, a heart monitor and a normal web content.
WRAPS - Online Shops für Faire Mode

In diesem Teil der WRAPS Serie schaue ich mir verschiedene Plattformen für faire Mode an. Die Anbieter haben sich Nachhaltigkeit auf die Fahnen geschrieben, aber halten die Homepages dieses Versprechen?

  • Ich habe das Manifest unterschrieben, was bedeutet, dass ich mich dazu verpflichte all ihre Prinzipien in meiner Arbeit anzuwenden. Arrow Up Right
  • In ihrem “Universellen Registrierungsdokument” verpflichten sie sich dazu zum globalen Net Zero bis 2030 beizutragen. Das finde ich super, aber in diesem Dokument erwähnen sie auch, dass dies durch Fokus auf nukleare Energie gelingen wird. Arrow Up Right