Performance & Design · Leitfaden
Performance ist Design — was schnell lädt, fühlt sich hochwertig an.
Eine Kanzlei-Site wird in den ersten zwei Sekunden bewertet. Was in dieser Zeit erscheint und wie es sich aufbaut, entscheidet, ob der Besucher bleibt oder zur nächsten Trefferliste zurück springt. Vier Hebel — Messen, Bilder, Mobile-Bedienung, Marken-Visualität — bringen diese zwei Sekunden in den Griff. Performance und Design sind dabei nicht zwei Disziplinen, sondern die zwei Seiten derselben Medaille.
💼 Quick Wins
Drei Hebel, die Sie in unter 30 Minuten selbst prüfen können
- pagespeed.web.dev mit eigener URL aufrufen — der LCP-Wert (Largest Contentful Paint) ist die Sekunden-Zahl, die zählt.
- Größtes Hero-Bild im Browser-Tab öffnen und Datei-Größe lesen — über 500 KB ist ein klarer Hebel.
- Eigene Site auf dem Smartphone öffnen, Navigation mit dem Daumen bedienen — wie oft trifft man daneben?
Tipp: Wenn Sie keine 30 Minuten haben — unser kostenfreier URL-Audit prüft die offensichtlichsten Marker in 90 Sekunden, ohne Daten- Abfluss.
I. Was Google misst (Core Web Vitals)
Google bewertet seit Jahren drei messbare Größen pro Site: LCP (wann der größte Inhalt sichtbar ist), CLS (wie stark sich das Layout während des Aufbaus verschiebt), INP (wie schnell die Site auf Klicks reagiert). Diese drei Werte fließen ins Ranking ein und sind im PageSpeed-Insights-Bericht für jede öffentliche Site nachprüfbar.
Die häufigsten Verschlechterungen bei Kanzlei-Sites: ein nachladendes Cookie-Banner verschiebt das Layout (CLS), ein 4-Megabyte-Hero-Foto verzögert den LCP, ein DATEV-Widget ohne Reserve-Container produziert beides. Jede dieser Ursachen ist strukturell behebbar — Reserve-Container für Widgets, optimierte Bilder, cookielose Architektur statt Banner.
II. Bilder: der größte Hebel auf Kanzlei-Sites
Bei den meisten Kanzlei-Sites ist das Hero-Foto die schwerste einzelne Datei. Wer 4 Megabyte direkt aus der Kamera einbindet, verschenkt mehrere Sekunden mobile Ladezeit für ein optisch identisches Ergebnis bei 200 Kilobyte. Moderne Formate (WebP/AVIF) und Responsive Images (das passende Bild pro Bildschirm-Größe) lösen das strukturell.
Genauso entscheidend ist die Bildauswahl selbst: Stock-Fotos werden als Stock erkannt und kosten Vertrauen, eigene Aufnahmen kosten einen Foto-Termin. Welche Bildkategorien Stock vertragen und welche zwingend eigene Fotos brauchen, ist eine bewusste Strategie-Entscheidung — nicht ein Default.
III. Mobile: wo die Mehrheit landet
Der größere Teil der Erst-Besucher kommt mobil auf eine Kanzlei-Site — über Google-Map-Pack-Treffer, geteilte WhatsApp-Links, Bewerber-Suchen im Bus. Eine Site, die auf 360 Pixeln Bildschirmbreite nicht mit dem Daumen bedienbar ist, verliert genau dort, wo die meisten Mandanten ankommen.
Die konkrete Schranke: Tap-Flächen mindestens 44 × 44 Pixel (Apple-HIG-Empfehlung), genügend Abstand zwischen Links, Text ohne Pinch-Zoom lesbar. Diese Mindeststandards sind seit Jahren etabliert und werden auf vielen Kanzlei-Sites trotzdem unterschritten — meist, weil das Desktop-Design eng und elegant aussieht und mobile-only nicht getestet wurde.
IV. Marke: was nach dem Besuch hängen bleibt
Performance hilft, dass jemand bleibt — Design entscheidet, ob er sich erinnert. Eine eigene Markenhandschrift (konsistente Typografie, eigene Farbpalette, durchdachte Bild-Sprache) macht aus einer austauschbaren Theme-Site eine wiedererkennbare Marke. Das Umgekehrte gilt auch: Ein Standard-Theme mit kleiner Logo-Anpassung sieht aus wie jede andere Kanzlei-Site und wird auch so erinnert — als eine von vielen.
Die zweite Marken-Schicht ist das Open-Graph-Bild: Sobald jemand den Link teilt (WhatsApp, LinkedIn, Mail-Vorschau), erscheint eine kleine Karte. Wer hier nichts definiert, bekommt ein zufälliges Foto vom Server. Eine bewusst gestaltete Per-Seiten-Karte macht aus dem Zufallstreffer einen Marken-Moment.
📥 Lead-Magnet
Performance-Schnellcheck für Ihre Kanzlei-Site
URL + E-Mail eingeben — wir prüfen HTML-Größe, Skripte, Bilder, Heading-Struktur und CMS-Stack live und schicken Ihnen den PDF-Report mit Empfehlungen pro Befund.
Eigenpraxis
Wie wir es bauen
fahoch2.de selbst liegt im PageSpeed-Bericht mobile bei LCP unter 1,5 s, CLS unter 0,05 und niedrigem initialen JavaScript. Bilder werden über next/image automatisch in WebP/AVIF in der passenden Größe ausgeliefert; Schriften sind self-hosted; pro Stadt-Landingpage und pro Insight wird ein eigenes OG-Bild zur Lauf-Zeit erzeugt. Performance ist hier kein Optimierungs-Lauf, sondern Bauprinzip.
Wenn Sie das in Ruhe besprechen möchten
Lassen Sie uns 30 Minuten zur Lage Ihrer Kanzlei sprechen.
Erst gratis-Vorprüfung über das URL-Tool — dann entscheiden Sie, ob ein 890-€-Hebel-Audit für Sie Sinn ergibt.
Alle Artikel der Rubrik Performance & Design
8 Insights, nach Datum sortiert.
Lesbare Long-Form-Texte: Zeilenlänge & Zeilenabstand
13. Juni 2026 · 8 Min
Sanfte Seitenübergänge mit der View Transitions API
13. Juni 2026 · 8 Min
Über den Baukasten-Look hinaus — Markenhandschrift
31. Mai 2026 · 9 Min
Bild-Optimierung — WebP/AVIF, next/image, Lazy-Loading
29. Mai 2026 · 10 Min
Mobile-First und Touch-Targets — Design-Grundlagen
29. Mai 2026 · 10 Min
OG-Image und Social-Preview für Kanzlei-Websites
29. Mai 2026 · 10 Min
Foto-Strategie für Kanzleien — Stockfoto oder eigen?
13. Dezember 2025 · 12 Min
Core Web Vitals für Kanzleien — LCP, CLS und INP
01. November 2025 · 13 Min