14 Dokumente mit dem Tag „Optimisation“
Site speed optimisation is not a single magic trick. It is a set of small steps in the right places: images in modern formats, subset web fonts, server-side compression, caching, a CDN, deferred JavaScript. Each one on its own is a few milliseconds, but together they are the difference between green and red in Core Web Vitals.
The articles below cover just about everything we do for clients at PageSpeed.ONE: from front-end tweaks to backend optimisation, all the way to advanced techniques like Speculation Rules or the back/forward cache. Start with the bottleneck you see in your metric and work outward.
AVIF-Bilder: Bis zu 40 % Datenersparnis im Vergleich zu WebP
Das AVIF-Format bietet noch bessere Kompression als WebP. Schauen wir uns an, wann es sinnvoll ist, es zu verwenden und wie man einen Fallback für ältere Browser implementiert.
Bildoptimierung: Wenn zwischen Kilobytes und Pixeln Millisekunden entscheiden
Auch Sie, einfache Sterbliche, können Ihre Bilder zähmen und sie dazu bringen, für Sie zu arbeiten, nicht gegen Sie. Verwenden Sie einfach WebP oder AVIF, komprimieren Sie gut und vergessen Sie nicht das Lazy Loading.
CLS: Wie man die Höhe von Elementen beibehält (Bilder, JS-Komponenten, iframes…)
In diesem Text erfahren Sie, warum und wie Sie auf HTML- oder CSS-Ebene die Abmessungen von Elementen sicherstellen müssen, die asynchron in die Seite eingefügt werden, wie z.B. <img>, <iframe> oder JavaScript-Komponenten.
Lazy Loading von Bildern: Ein umfassender Leitfaden zur Verbesserung des LCP
Das verzögerte Laden von Bildern und anderen Elementen empfehlen wir als eine der grundlegenden und gleichzeitig sehr effektiven Methoden zur Optimierung der Seitenladegeschwindigkeit. Wir empfehlen Ihnen, das Laden aller Bilder außerhalb des ersten Viewports konservativ zu verzögern. Achten Sie darauf, das verzögerte Laden nicht auf Bilder anzuwenden, die das LCP-Element sind, da dies die Geschwindigkeit verschlechtern kann.
Metrik INP: 7 Tipps zur Optimierung
INP ist nicht gerade die einfachste Metrik zur Optimierung. Daher haben wir aus unserer Praxis die häufigsten Probleme und Lösungsansätze ausgewählt.
Optimierung der CLS-Metrik
Lassen Sie uns gemeinsam erkunden, wie Sie CLS-Problemen vorbeugen können und wie Sie diese beheben, wenn sie auftreten.
Optimierung der Geschwindigkeit: Wie kann der Backend helfen?
Das Backend spielt eine entscheidende Rolle bei der Optimierung der Webgeschwindigkeit, da eine korrekte Optimierung von Code und Server Verzögerungen eliminieren kann, die häufig bei der Verarbeitung von Anfragen und der Bereitstellung von Inhalten auftreten.
Optimierung der LCP-Metrik
Lassen Sie uns gemeinsam die Herausforderungen der Largest Contentful Paint (LCP)-Metrik erkunden und lernen, wie man diese am effektivsten optimiert.
Optimierung der WordPress-Geschwindigkeit: 6+1 Tipps, um Google und Besucher zu begeistern
Die Geschwindigkeit einer Website ist nicht nur ein kosmetisches Detail – sie ist ein entscheidender Faktor, der den Erfolg Ihres Online-Geschäfts beeinflusst. Eine langsame WordPress-Website ist oft das Ergebnis einer schlechten Plugin-Auswahl, aufgeblähter Themes oder mangelnder Kenntnisse zur Webgeschwindigkeitsoptimierung.
Optimierung des DOM
Eine große und ineffiziente Seitenstruktur (Document Object Model, also DOM) kann Ihre Website erheblich verlangsamen und die Core Web Vitals negativ beeinflussen. Ihre Struktur auf eine vernünftige Größe zu reduzieren und sie maximal effizient zu gestalten, ist absolut entscheidend für die gesamte technische Leistung Ihres Projekts und wird sich auf die Reaktionsgeschwindigkeit von Interaktionen (INP-Metrik) auswirken.
Optimierung von Vue.js und Nuxt.js: Tipps und Tricks
Verbessern Sie die Geschwindigkeit Ihrer Vue.js-Website mit SSR, Lazy Loading und weiteren Tipps. Höhere Leistung bedeutet zufriedenere Nutzer und bessere Konversionen.
Optimierung von Webfonts: 6 Schritte zur Beschleunigung Ihrer Website
Die Welt der Webfonts gleicht einem Schönheitssalon – jeder möchte das Beste erleben, doch kaum jemand ist bereit, auf das Werk des Friseurs zu warten. Und Ihre Besucher? Die sind besonders ungeduldig.
WebP-Bilder: Wertvolle Kilobyte sparen
Die Ladegeschwindigkeit einer Website ist oft eine Frage von Sekunden. Das Bildformat WebP könnte Ihre geheime Waffe sein, um Kilobyte zu sparen und sich der perfekten Performance anzunähern.
Wie man einen Shop auf Shoptet beschleunigt: konkrete Ratschläge und häufige Fehler
Shoptet ist schnell, sofern man es nicht ausbremst. Wir zeigen, wie man die Geschwindigkeit optimiert: was schadet, was hilft und wie man seinen Shop im Blick behält.