Verbessern Sie die Ladezeiten von Websites mit diesem Google PageSpeed ​​Insights-Leitfaden

Google PageSpeed ​​Insights (PSI) ist ein Tool, das über die Leistung einer Seite sowohl auf mobilen als auch auf Desktop-Geräten berichtet und Vorschläge zur Verbesserung dieser Seite macht. Wenn Sie eine URL eingeben und auf ANALYSE klicken, erhalten Sie einen detaillierten Bericht darüber, was die Seite verlangsamt und was Sie dagegen tun können.

Was die Seite verlangsamt, basiert auf zwei Parametern, der Zeit bis zum Laden ohne Scrollen und der Zeit bis zum vollständigen Laden. Ersteres ist die Zeit, die eine Seite benötigt, um Inhalte „above the fold“ anzuzeigen, nachdem ein Benutzer eine neue Seite angefordert hat. Letzteres ist die Zeit, die ein Browser benötigt, um eine Seite vollständig zu öffnen, nachdem ein Benutzer sie angefordert hat.

Forscher von Google haben herausgefunden, dass, wenn das Laden Ihrer Seite länger als 3 Sekunden dauert, die Hälfte Ihrer potenziellen Besucher die Seite verlässt, bevor sie sie überhaupt gesehen haben. Darüber hinaus fand dieselbe Studie heraus, dass mit jeder weiteren Sekunde, in der eine Seite geladen wird, noch mehr Besucher die Seite verlassen. Aus diesem Grund sollte Ihre Website in 2 Sekunden oder weniger geladen werden.

Die PageSpeed ​​Insights-Punktzahl reicht von 0 bis 100 und eine Punktzahl von 85 oder höher zeigt an, dass die Seite eine gute Leistung erbringt.

PSI stellt sowohl Labor- als auch Felddaten zu einer Seite bereit. Lab-Daten sind nützlich zum Debuggen von Leistungsproblemen, da sie in einer kontrollierten Umgebung erfasst werden. Felddaten hingegen sind nützlich, um echte, reale Benutzererfahrungen zu erfassen.

Felddaten werden in 3 Klassen eingeteilt, die Erfahrungen als gut, verbesserungsbedürftig und schlecht beschreiben. Wenn Sie viele rote und gelbe Ausrufezeichen in Ihrem Bericht haben, sollten Sie wahrscheinlich an der Verbesserung Ihrer Website arbeiten.

Wenn Sie die Ladezeit Ihrer Website beschleunigen möchten, sollten Sie Folgendes versuchen:

• Vermeiden Sie Post-Click-Landingpage-Redirects
• Komprimierung aktivieren
• Minimieren Sie CSS, JavaScript, HTML
• Priorisieren Sie Inhalte "above the fold".
• Beschleunigen Sie die Reaktionszeit des Servers
• Beseitigen Sie Render-blockierendes JavaScript
• Browsing-Caching nutzen
• Bilder optimieren

Wie kann das Hummingbird-Plugin helfen?

Hummingbird ist ein kostenloses Plugin, das Ihnen hilft, die oben genannten Tipps umzusetzen und das Laden Ihrer Seite zu beschleunigen, wodurch Sie Ihre Besucher glücklicher machen. Ihre Besucher bleiben nicht nur auf der Seite, sondern auch länger und zufriedener.

Dieses Plugin optimiert die Leistung der Website und korrigiert Ihren Google PageSpeed. Es scannt Ihre Website und teilt Ihnen mit, was Sie verbessern sollten, um sicherzustellen, dass Ihre Seite so schnell wie möglich ist. Durch eine schnellere Seite erhalten Sie zufriedene Besucher und Kunden.

Hummingbird hat viele nützliche Funktionen, einschließlich Dateikomprimierung, Zurückstellen von CSS und JavaScript, Minimieren für CSS und JS, Lazy Load-Integration und Weltklasse-Caching.

Mit der Scan- und One-Click-Fix-Funktion hilft Ihnen Hummingbird, indem es Ihre Website scannt, nachverfolgt, welche Dateien sie verlangsamen, und Tipps und Korrekturen bereitstellt, um das Laden Ihrer Website zu beschleunigen. Es bietet Ein-Klick-Verbesserungen, die Ihre Zeit nicht verschwenden, aber Ihre Website definitiv verbessern. Sie können die Leistung in nur einer Sekunde und mit nur einem Klick optimieren.

Die Caching-Funktion bietet Ihnen eine erstklassige Caching-Suite, einschließlich Ganzseiten-, Browser- und Gravatar-Cache. Es ist so einfach wie möglich gestaltet, mit einer übersichtlichen Oberfläche und benutzerfreundlichen Einstellungen. Es gibt keine komplexen Registerkarten, die Sie überwältigen oder entmutigen könnten.

Die Benutzeroberfläche verfügt über Kippschalter, mit denen Sie auswählen können, welche Seiten und Beiträge Sie zwischenspeichern möchten oder nicht. Sie können es für normalerweise zwischengespeicherte Seiten wie Frontpage, Blog, Beiträge, Archive usw. automatisch aktivieren, aber es besteht auch die Möglichkeit, zusätzliche Konfigurationsoptionen wie angemeldete Benutzer, URL-Abfragen, Aktualisierungen und Ausschlüsse hinzuzufügen.

Durch das Caching wird Ihre Website schneller geladen, da einige Ihrer Daten an einem bequemeren Ort gespeichert werden, sodass Sie schneller darauf zugreifen und sie abrufen können.

Mit Hummingbird können Sie auch ganz einfach die Position Ihrer CSS-, JavaScript- und anderer Dateien anpassen, um Ihre Seitengeschwindigkeit zu erhöhen. Mit der Minimierungsfunktion können Sie Dateien mühelos reorganisieren, komprimieren und neu positionieren. Das Minimieren und Kombinieren von Dateien ist ein leistungsstarkes Tool, mit dem Sie sicherstellen können, dass Ihre Website schneller geladen wird.

Hummingbird scannt Ihre Seite und gibt Ihnen eine Nachricht, die anzeigt, wie viele Dateien oder Assets Sie haben. Auf der Einstellungsseite der Asset-Optimierung können Sie entscheiden, was Sie minimieren, kombinieren oder verschieben möchten. Durch das Minimieren reduzieren Sie unnötige Daten aus Ihrem Code, wodurch die Seite schneller wird.

Je weniger Informationen vom Server und Browser gesendet werden, desto weniger Zeit wird benötigt, um Ihre Website zu laden. Minimieren Sie Skripte, um sicherzustellen, dass die Dateien die kleinstmögliche Größe haben. Sie können Ihre Dateien auch kombinieren, was bedeutet, dass alle CSS-Dateien in einer CSS-Datei und alle JS-Dateien in einer JS-Datei landen.

Dadurch wird die Anzahl der an den Browser gesendeten Anfragen reduziert, was zu verbesserten Ladezeiten führt. Sie können ein Skript in die Fußzeile verschieben und auch festlegen, dass eine bestimmte Datei nicht geladen werden soll, was nützlich ist, wenn Sie auf Ihrer Website kein Skript benötigen. Auch hier ist die Einrichtung sehr einfach und erfordert keine Programmierkenntnisse. Und keine Sorge, wenn Sie etwas vermasseln, können Sie alle vorgenommenen Änderungen einfach zurücksetzen.

Eine weitere Funktion des Plugins ist die Gzip-Komprimierung. Gzip komprimiert Ihre HTML-, JavaScript- und CSS-Dateien mit einem One-Click-Setup, bevor sie an den Browser gesendet werden. Dadurch wird das Teilen Ihrer Website effizienter, da das Senden von gezippten Dateien schneller ist und Sie beim Hosten Geld sparen. Dadurch werden Ihre Dateien kleiner und können schneller geladen werden, ohne dass dabei notwendige Daten verloren gehen. Sie müssen sich nicht um die Einrichtung kümmern, sondern wählen einfach den Servertyp aus, auf dem Ihre Website gehostet wird, und klicken auf die Schaltfläche Regeln anwenden. Den Rest erledigt das Plugin.

Mit Hummingbird können Sie auch Ihre Cloudflare-Browser-Cache-Einstellungen steuern. Außerdem können Sie die Optimierungsfunktionen mit dem Bildoptimierungs-Plugin von Smush ergänzen. Smush wird verwendet, um Ihre Bilder zu komprimieren und den Ladevorgang zu beschleunigen.

Sie können die Leistung von PageSpeed ​​mit Bildern in der richtigen Größe, verzögertem Laden, WebP-Konvertierung der nächsten Generation, Bildformatierung und mehr optimieren und verbessern.

Sie möchten sicher sein, dass alles so reibungslos wie möglich läuft, deshalb können Sie mit Hummingbird Ihre Website im Auge behalten und bei Bedarf optimieren. Und auf Ihrem Hummingbird-Dashboard können Sie regelmäßige Leistungsscans durchführen, die Ihnen helfen können, Dateien zu identifizieren, die Ihre Seite verlangsamen könnten.

Warum das alles wichtig ist

Eine schnell ladende Website ist sehr wichtig, denn je länger das Laden Ihrer Seite dauert, desto schneller verlassen Besucher und Kunden sie. Ich bin mir sicher, dass Sie sich an mindestens ein Mal erinnern können, als Sie auf einer Website waren, deren Laden ewig gedauert hat. Sie haben wahrscheinlich schon ausgeklickt, bevor etwas erschienen ist. Ich weiß, ich habe.

Wenn Sie lange warten müssen, bis etwas geladen ist, werden Sie frustrierter und unzufriedener mit der Website. Deshalb ist die Seitengeschwindigkeit wichtig. Wenn Sie also keine potenziellen Kunden verlieren möchten, sollten Sie die Ladezeit Ihrer Website beschleunigen. Sobald Sie es optimiert haben, können Sie es erneut auf PSI analysieren.

Es gibt einen interessanten Artikel, den Sie hier lesen können, darüber, wie es unmöglich ist, bei Google PageSpeed ​​Insights eine 100 zu erzielen. Die Autorin des Artikels spricht darüber, wie sie ihre Website vor und nach den Verbesserungen bewertet hat, um eine Punktzahl von 100 zu erreichen. Sie hat die Plugins Hummingbird und WP Checkup verwendet, um die Leistung ihrer Website zu verbessern.

Nachdem sie Änderungen an ihrer Seite vorgenommen hatte, stellte sie fest, dass sie nicht mehr viel tun kann, um eine Punktzahl von 100 zu erreichen. Aber nur weil Ihre Seite bei Google PageSpeed ​​Insights nicht 100 Punkte erzielt, bedeutet das nicht, dass Ihre Seite langsam ist. Der Artikel zeigt nur, dass nicht jede Website eine perfekte Punktzahl erzielen kann und dass Google PageSpeed ​​Insights nicht der beste Benchmark ist, um die Website-Performance zu bewerten, aber es lohnt sich definitiv, es zu verwenden.

Abschließende Gedanken

Es kann sehr frustrierend sein, eine Website zu besuchen und ewig darauf zu warten, dass sie geladen wird. Vor allem, wenn Sie ein ungeduldiger Mensch sind. Versetzen Sie sich in die Lage Ihrer Kunden oder Besucher. Sie möchten nicht ewig warten, bis etwas auftaucht, und sie auch nicht. Sie wollen den besten Service bieten und dazu gehört auch die Performance Ihrer Website.

Indem Sie Ihre Seite beschleunigen, erhöhen Sie die Möglichkeit, neue und bestehende Kunden zu halten. Eine schnelle Seitenladezeit ist ein entscheidender Faktor, wenn Sie möchten, dass die Leute Ihre Website besuchen, eine Weile bleiben und auch wiederkommen.

Analysieren Sie also Ihre Seite auf Google PageSpeed ​​Insights und wenn Sie nicht die erhoffte Punktzahl erzielen, probieren Sie Hummingbird aus, das zur Optimierung Ihrer Website entwickelt wurde.