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.
Privatsphäre Check
Ich werfe einen kritischen Blick auf Ressourcen von Dritten (insb. Big Tech Produkte), die die Privatsphäre eurer Besuchenden komprommitieren und zeige Alternativen auf.
Barrierefreiheit
Können Screen-Reader Inhalte der Webseite korrekt interpretieren? Ist die Website mit Tastatur navigierbar? Ich teste, berichte und optimiere.
Trainingssitzungen
Ich biete online und vor-Ort Trainings­­sitzungen an, wo mit Management und Entwickelnden Strategien diskutiert werden, Nachhaltigkeit langfristig zu gewährleistet.
HTML Analyse
Ich analysiere euren Code, um sicherzustellen, dass dieser sauber ist und alle Möglichkeiten ausschöpft hervorgehobene Snippets zu erzeugen und in KI Antworten referenziert wird.
Crawlbarkeit & Indexierung
Ich identifiziere, berichte und löse etwaige Probleme, die Suchmaschinen und KIs das Crawlen und Indexieren eurer Webseiten erschwert.
Backend Entwicklung
Ich entwickle und hoste robuste, effektive Backends mittels PHP und NodeJS mit gängigen CMS- und MVC-Frameworks, SQL, nginx und apache.
Frontend Entwicklung
Ich entwickle leichte, moderne, leistungsstarke Frontend-Lösungen unter Verwendung von HTML, CSS und JS mit oder ohne gängige Bibliotheken.

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. Diese Website soll möglichst schnell laden, einen geringen Payload (<100kB pro Seitenaufruf) produzieren und keine Daten mit Dritten teilen.

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 bei Gelenheit auf einen nachhaltigeren Host umsiedeln (vielleicht Hetzner), 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.

Ethical and sustainable Alternatives to Big Tech - There are a lot of good reasons to get away from Big Tech. We show you some good substitutes! - SUSTYSUBS.NET
Erstellen eines Verzeichnisses für nachhaltige Big Tech Alternativen

Ich habe eine Website erstellt, die ethische, nachhaltige Alternativen für Big Tech Produkte vorstellt. Sie ist live mit über 40 Alternativen, mehr sind in Arbeit.

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.

  • 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