Schnelle Website trotz Videos: PageSpeed über 95 und sichtbar in der KI-Suche

Unsere neue Website hat über 50 Unterseiten, Videos in fast jeder Sektion, Animationen, einen Light- und Dark-Mode und sogar Sound. Trotzdem erreicht sie auf dem Desktop 98 von 100 Punkten bei PageSpeed Insights. In diesem Ratgeber zeigen wir dir, mit welchen Hebeln das klappt und warum Geschwindigkeit allein heute nicht mehr reicht: Deine Website muss auch von ChatGPT, Perplexity und den KI-Antworten bei Google gefunden werden. Wir zeigen alles am Beispiel von Webflow, das meiste funktioniert aber genauso mit WordPress. Das komplette Video findest du weiter unten.

Warum Tempo und KI-Sichtbarkeit zusammengehören

Eine langsame Website kostet dich Besucher, bevor sie überhaupt etwas von dir gesehen haben. Gleichzeitig suchen immer mehr Menschen nicht mehr nur bei Google, sondern fragen eine KI. Beide Themen hängen enger zusammen, als es scheint: Eine Seite, die sauber gebaut ist, schnell lädt und klar strukturiert ist, lässt sich für Menschen und Maschinen gleichermaßen gut lesen. Deshalb teilen wir das Thema in zwei Teile: zuerst die Performance, danach die Sichtbarkeit in der KI-Suche.

Teil 1: Sechs Hebel für einen PageSpeed über 95

PageSpeed Insights bewertet, wie schnell deine Seite lädt und wie stabil sie dabei bleibt. Wichtig sind vor allem die Core Web Vitals. Diese sechs Hebel bringen dabei am meisten.

1. Bilder: modernes Format, richtige Größe, Lazy Loading

Bilder sind auf den meisten Websites der größte Brocken. Nutze moderne Formate wie WebP oder AVIF und lade jedes Bild in der Größe, in der es wirklich angezeigt wird. Ein Bild, das auf dem Bildschirm schmal dargestellt wird, muss nicht in voller Breite geladen werden. Bilder weiter unten auf der Seite bekommen Lazy Loading, damit sie erst laden, wenn jemand dorthin scrollt. Die Ausnahme ist der Hero: Das erste große Bild sollte sofort laden, sonst verschlechtert sich der Largest Contentful Paint.

2. Videos: komprimieren, später laden, Posterbild

Videos müssen kein PageSpeed-Killer sein. Komprimier sie gründlich, lade sie erst, wenn sie gebraucht werden, und gib ihnen ein Posterbild. So sieht der Besucher sofort ein Standbild, während das Video im Hintergrund nachlädt. Genau so können auf unserer Website Videos in fast jeder Sektion laufen, ohne dass die Ladezeit leidet.

3. Schriften: wenige Schnitte, WOFF2, Preload

Jeder zusätzliche Schriftschnitt ist eine weitere Datei. Beschränk dich auf die Schnitte, die du wirklich brauchst, nutze das Format WOFF2 und lade die wichtigste Schrift per Preload vor. Dann erscheint der Text schneller und springt nicht nachträglich in eine andere Schrift um.

4. Drittanbieter-Scripts ausmisten

Tracking, Chat-Widgets, Karten, alte Tests: Über die Jahre sammeln sich auf vielen Websites Scripts an, die niemand mehr braucht. Jedes davon kostet Ladezeit. Geh die Liste durch und entferne alles, was keinen klaren Zweck mehr hat. Was bleiben muss, sollte möglichst spät laden.

5. Layout-Sprünge vermeiden

Kennst du das, wenn du auf einen Button tippen willst und die Seite sich im letzten Moment verschiebt? Das misst der Wert CLS. Vermeiden kannst du solche Sprünge, indem Bilder, Videos und eingebettete Elemente von Anfang an ihren festen Platz bekommen, zum Beispiel über Breite und Höhe oder ein festes Seitenverhältnis.

6. Hosting und Caching

Die beste Optimierung bringt wenig, wenn der Server langsam antwortet. Ein gutes Hosting mit CDN und sinnvollem Caching sorgt dafür, dass deine Seite überall schnell ausgeliefert wird. Bei Webflow ist das bereits eingebaut, bei WordPress lohnt sich ein genauer Blick auf Hoster und Caching-Plugin.

Wie wir Websites technisch so aufbauen, dass sie von Anfang an schnell sind, liest du auf unserer Seite zur Webentwicklung.

Teil 2: GEO, damit dich die KI findet

GEO steht für Generative Engine Optimization. Gemeint ist alles, was dafür sorgt, dass KI-Systeme wie ChatGPT, Perplexity oder die KI-Antworten bei Google deine Website kennen, verstehen und in ihren Antworten nennen. Die gute Nachricht: Vieles davon ist solides Handwerk, das auch klassischer SEO hilft. Diese Bausteine haben wir auf unserer Website umgesetzt.

Branchenseiten nur mit echten Referenzen

Eine Seite für jede denkbare Branche anzulegen, bringt wenig, wenn dahinter nichts steht. Leg Branchenseiten nur dort an, wo du echte Projekte zeigen kannst. Wie das aussieht, siehst du auf unserer Übersicht der Branchen.

Ratgeber, die konkrete Fragen beantworten

KI-Systeme suchen Antworten. Ratgeber wie dieser beantworten genau die Fragen, die deine Kunden stellen, klar und ohne Umwege. Je konkreter die Frage, desto besser lässt sich die Antwort zitieren.

Ein Glossar mit kurzen Definitionen

Kurze, eindeutige Definitionen sind für KI-Systeme besonders gut verwertbar. Ein Glossar erklärt die Fachbegriffe deiner Branche in wenigen Sätzen und verlinkt sie untereinander. Unser Glossar ist genau so aufgebaut.

Blog und Presse als Vertrauenssignale

Ein aktiver Blog und Presseberichte zeigen, dass hinter der Website ein echtes Unternehmen steht, das etwas zu sagen hat. Solche Vertrauenssignale zählen für Menschen und Maschinen.

Seiten für die Fragen kurz vor dem Kauf

Kurz bevor jemand eine Entscheidung trifft, sucht er sehr gezielt: nach Kosten, nach Abläufen, nach Vergleichen. Für genau diese Fragen sollte es auf deiner Website eine eigene, ehrliche Antwort geben.

Städteseiten nur, wo du wirklich bist

Seiten für Städte, in denen du weder sitzt noch arbeitest, wirken schnell austauschbar. Leg Standortseiten nur dort an, wo du tatsächlich vor Ort bist oder Kunden betreust.

Strukturierte Daten, FAQs und interne Verlinkung

Zum Schluss die Technik, die alles zusammenhält: Strukturierte Daten erklären Maschinen, worum es auf einer Seite geht. FAQs liefern kurze, klare Antworten. Und eine saubere interne Verlinkung zeigt, wie deine Inhalte zusammenhängen. Mehr dazu, wie wir das für Kunden umsetzen, findest du auf unserer Seite zu GEO.

Das Video zum Ratgeber

Im Video zeigen wir dir beide Teile direkt an unserer eigenen Website in Webflow, vom PageSpeed-Test bis zu den Seiten, die für die KI-Suche gebaut sind.

11:53

Du willst, dass deine Website schnell lädt und in der KI-Suche auftaucht, aber nicht alles selbst umsetzen? Schau dir an, wie wir bei SEO und GEO arbeiten, oder frag dein Projekt direkt an. Wenn ein Relaunch ansteht, hilft dir unser Ratgeber zum Website-Relaunch, und noch mehr Videos findest du auf unserer YouTube-Seite.

FAQ

Geht ein guter PageSpeed auch mit vielen Videos?

Ja. Wenn Videos komprimiert sind, erst bei Bedarf laden und ein Posterbild haben, bremsen sie die Seite kaum. Unsere Website hat Videos in fast jeder Sektion und erreicht auf dem Desktop trotzdem 98 von 100 Punkten.

Welcher Hebel bringt beim PageSpeed am meisten?

Das hängt von der Seite ab. Auf den meisten Websites sind Bilder und Drittanbieter-Scripts die größten Bremsen. PageSpeed Insights zeigt dir für deine Seite, wo das größte Potenzial liegt.

Was ist GEO?

GEO steht für Generative Engine Optimization. Es geht darum, dass KI-Systeme wie ChatGPT, Perplexity oder die KI-Antworten bei Google deine Website verstehen und in ihren Antworten nennen.

Ersetzt GEO klassische SEO?

Nein. Vieles baut aufeinander auf: Eine schnelle, gut strukturierte Website mit klaren Antworten hilft bei Google genauso wie in der KI-Suche.

Funktioniert das auch mit WordPress?

Größtenteils ja. Wir zeigen alles in Webflow, die meisten Hebel lassen sich aber genauso in WordPress umsetzen. Unterschiede gibt es vor allem beim Hosting und Caching.