Kategorien
Dienstleistungen Technologie

So erreichen Sie einen perfekten Wert von 100% bei Google PageSpeed Insights

Einführung

Sie möchten, dass Google PageSpeed Insights Ihnen eine Bewertung von 98, 99 oder 100 gibt? Das kann schwierig sein, denn es gibt viele Faktoren, die diese hohen Werte beeinflussen.

Meine Homepage hat beispielsweise eine Bewertung von 98/99, während mein Blog eine Google PageSpeed Insight-Bewertung von 99/100 hat. Beachten Sie also bitte, dass jede Seite unterschiedlich sein kann.

Schauen wir uns an, wie man ohne viel Aufwand einen perfekten Wert von 100% bei Google PageSpeed Insights erreicht 🙂 .

Geschwindigkeit ist ein entscheidender Faktor beim Aufbau einer Website, die gut konvertiert und suchmaschinenfreundlich ist.

Die Leute werden nicht warten, wenn Ihre Website nicht schnell lädt.

Ich habe festgestellt, dass es eine recht einfache Aufgabe ist, wenn Sie die Kombination aus WP Rocket und Cloudflare Enterprise (über Rocket.net).

FULL REVIEW: Rocket.net Review: Hervorragendes Managed WordPress Hosting (2021)

Inhaltsübersicht

Werkzeuge und Dienstleistungen

Auf dem Weg zum Mond

shooting for the moon 100 pagespeed insights score | graydonschwartz.com
Google PageSpeed Insights

Optimale WP Rocket-Einstellungen

Der Wechsel zu einem Cloudflare Enterprise-basierten Webhost wie Rocket.net erfordert zwar kein WP Rocket Plugin, ist aber aus mehreren Gründen hilfreich.

WP Rocket ist eines der besten Caching-Plugins für WordPress und wendet automatisch 80% der Best Practices für Web-Performance an.

  • Seiten-Caching
  • Cache-Vorladen
  • Browser-Caching
  • GZIP-Komprimierung
  • eCommerce-Optimierung
  • Ausgezeichnete Kompatibilität

Auch wenn es redundant erscheinen mag, da Rocket.net Cloudflare Enterprise CDN für den Full-Page-Cache Ihrer Website verwendet, muss Cloudflare seinen Cache viele Male aktualisieren, wodurch die Last auf Ihrem Webserver verringert wird.

CACHE

WP Rocket Cache Einstellungen
WP Rocket Cache Einstellungen

CACHE > Caching für mobile Geräte aktivieren: Aktivieren Sie

CACHE > Separate Cache-Dateien für mobile Geräte: Unmarkiert gelassen, weil mein Theme mobilfreundlich ist.

CACHE > Cache-Lebensdauer: 10 Stunden

Klicken Sie auf ÄNDERUNGEN SPEICHERN.

DATEI-OPTIMIERUNG

CSS-Dateien
WP Rocket Datei-Optimierungseinstellungen
WP Rocket Datei-Optimierungseinstellungen

DATEIOPTIMIERUNG > CSS-Dateien > CSS-Dateien verkleinern: Behinderte

HINWEIS: Ich habe dies nicht angekreuzt, weil Rocket.net sich darum kümmert, dass die CSS-Dateien verkleinert werden, und warum sollte man das zweimal machen, oder?

DATEIOPTIMIERUNG > CSS-Dateien > CSS-Dateien kombinieren (Aktivieren Sie die Option CSS-Dateien verkleinern, um sie auszuwählen): Behinderte

DATEI-OPTIMIERUNG > CSS-Dateien > Optimierung der CSS-Auslieferung: Aktivieren Sie

DATEIOPTIMIERUNG > CSS-Dateien > Nicht verwendete CSS entfernen (Beta): Behinderte

JavaScript-Dateien
WP Rocket Datei-Optimierungseinstellungen
WP Rocket Datei-Optimierungseinstellungen

HINWEIS: Ich würde dies gerne ausprobieren, sobald die Beta-Phase abgeschlossen ist, um die Ladezeit der Seite noch etwas zu verkürzen.

DATEI-OPTIMIERUNG > JavaScript-Dateien > JavaScript zeitversetzt laden: Aktiviert

DATEI-OPTIMIERUNG > JavaScript-Dateien > JavaScript-Ausführung verzögern: Aktiviert

DATEI-OPTIMIERUNG > JavaScript-Dateien > Ausgeschlossene JavaScript-Dateien: Behinderte

Klicken Sie auf ÄNDERUNGEN SPEICHERN.

HINWEIS: Bei mir hat es funktioniert, ohne dass ich irgendwelche JS-Dateien ausgeschlossen habe, aber das mag bei Ihnen anders sein.

MEDIEN

wp rocket media einstellungen 1 | graydonschwartz.com
WP Rocket Media-Einstellungen

MEDIA > LazyLoad > Aktivieren für Bilder: Aktiviert

MEDIA > LazyLoad > Aktivieren für iframes und Videos: Aktiviert

MEDIEN> Bildabmessungen > Fehlende Bildabmessungen hinzufügen: Aktiviert

Klicken Sie auf ÄNDERUNGEN SPEICHERN.

Verbessern Sie das Leseerlebnis Ihrer Leser, indem Sie den Bildern Attribute für Breite und Höhe hinzufügen.

PRELOAD

wp rocket preload settings 1 | graydonschwartz.com
WP Rocket Preload Einstellungen

PRELOAD > Cache vorladen > Vorladen aktivieren: Aktiviert

PRELOAD > Cache vorladen > Sitemap-basiertes Cache-Vorladen aktivieren: Aktiviert

PRELOAD > Cache vorladen > Rank Math XML-Sitemap: Optional

Klicken Sie auf ÄNDERUNGEN SPEICHERN.

Das Vorladen wird automatisch ausgelöst, wenn Sie Inhalte hinzufügen oder aktualisieren, und kann auch manuell über die Verwaltungsleiste ausgelöst werden. Es beginnt mit den Links auf Ihrer Homepage, gefolgt von den von Ihnen angegebenen Sitemaps.

Tipps für mobile Konversionsraten

Um sehr langsame Ladezeiten aufgrund großer Dateien und der Schwierigkeit, diese zu analysieren, zu vermeiden, sollten Sie ein responsives Design für Ihre Website verwenden.

Erstellen Sie einen mobilfreundlichen Warenkorb, mit dem Kunden Artikel kaufen können, sobald sie sie sehen. Bieten Sie mehrere Zahlungsoptionen an, darunter PayPal und Stripe.

Es ist klar, dass ein Unternehmen eine mobile Website braucht, wenn es auf dem heutigen Markt erfolgreich sein will. Einer der Hauptgründe, warum so viele Menschen Smartphones benutzen, ist, dass sie es lieben, unterwegs auf dem Laufenden zu bleiben.

Eine mobile Website bietet den Kunden die Möglichkeit, den Status von Bestellungen zu überprüfen, Videos anzusehen und Produkte zu kaufen. Obwohl einige Unternehmen immer noch keine mobile Website haben, hatten diejenigen, die eine haben, mehr als dreimal so hohe Konversionsraten wie diejenigen, die keine hatten.

Mobile Websites müssen reaktionsfähig und schnell sein, genau wie das Mobiltelefon. Angesichts der vielen Ablenkungen auf einem Smartphone ist es wichtig, die Dinge benutzerfreundlich und effektiv zu halten.

Performance Website Fazit

Es ist wahrscheinlich, dass ich eine bessere Bewertung erhalten würde, wenn ich WPForms und WooCommerce Plugins weglassen würde.

Es gibt so viele Kombinationen von Plugins, die ich ausprobiert habe, und es ist schön, wenn man einfache Plugins für WordPress-Aufgaben verwenden kann. Sicherlich ist in diesem Fall weniger mehr.

Mit diesen Optimierungen wird Ihre Website besser funktionieren als die der Konkurrenz.

Die meisten Unternehmen konzentrieren sich darauf, eine großartige Website zu erstellen, die sich auf die visuelle Ästhetik und die Fähigkeit, die Aufmerksamkeit der Besucher zu erregen, konzentriert. Eine leistungsorientierte Website ist jedoch eine, die tatsächliche Ergebnisse für Ihr Unternehmen liefert.

Um eine effektive leistungsorientierte Website zu erstellen, müssen Sie sicherstellen, dass Ihre Website gut konvertiert. Die Konversionsrate errechnet sich daraus, wie viele Besucher Ihrer Website tatsächlich aktiv werden, indem sie sich beispielsweise für Ihren Newsletter anmelden oder ein Produkt von Ihnen kaufen.

Je höher diese Konversionsrate ist, desto besser für Ihr Unternehmen, denn diese Aktionen führen zu mehr Leads und Verkäufen für Ihr Unternehmen.

Obwohl ich mich eingehend mit der Rocket.net Control Panel konnte ich keine Einstellungen für die Beschleunigung der Website finden. Sie leisten so gute Arbeit bei der Optimierung von WordPress ohne unser Zutun.

Ich hoffe, dies hat Ihnen geholfen, einen Google PageSpeed Insights-Wert von 100 oder annähernd 100 zu erreichen.

Besonderer Dank

TESMAT am Tesla Supercharger

TESMAT

TESMAT könnte die richtige Matratze für Ihr nächstes Nickerchen an der Supercharger-Ladestation, Ihren Campingausflug mit dem Auto oder das perfekte Geschenk für Ihren Lieblings-Tesla Model 3/Y-Besitzer sein. Sie können meinen Gutscheincode verwenden, um bei Ihrem Kauf zu sparen.

Erfahren Sie mehr:

luminar neo logo für helle Hintergründe aktualisiert | graydonschwartz.com

Luminar Neo

Verwenden Sie die Schaltfläche unten und nutzen Sie den Rabattcode (GRAYDON), um sich eine süßer Rabatt an der Kasse auf Luminar:

Es kann sein, dass ich eine kleine Provision für meine Befürwortung, Empfehlungen, Erfahrungsberichte und / oder Links zu den oben verlinkten Produkten oder Dienstleistungen erhalte. Ihr Kauf unterstützt mich dabei, Ihnen mehr Fotos, Reiseführer und Reisen um die Welt zu bieten.

Von Graydon Schwartz

Mehr über Graydon erfahren Sie auf der Website Über mich Seite.