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

Einführung

Wollten Sie schon immer eine perfekte Punktzahl bei Google PageSpeed Insights erreichen?

Dann ist heute Ihr Glückstag!

In diesem Blogbeitrag erfahren Sie, wie Sie genau das tun können.

100% ist nicht einfach, aber mit ein wenig harter Arbeit und unserem Leitfaden ist es definitiv machbar.

Jede Seite kann unterschiedlich sein, aber die Homepage meines Blogs hat eine Bewertung von 98/99, während die anderen Seiten mit 99 von 100 bewertet werden.

Fangen wir also an! oder?

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 fand, dass es eine ziemlich einfache Aufgabe ist, wenn man die Kombination von WP Rocket und Webhosting von Rocket.net (Powered by Cloudflare Enterprise).

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

Inhaltsübersicht

• Einführung
• Werkzeuge und Dienstleistungen
• Auf dem Weg zum Mond
• Optimale WP Rocket-Einstellungen
  • CACHE
  • DATEI-OPTIMIERUNG
  • MEDIEN
  • PRELOAD
• Tipps für mobile Konversionsraten
• Performance Website Fazit

Werkzeuge und Dienstleistungen

• Rocket.net (Verwaltetes WordPress-Hosting)
• WP Rakete (WP-Plug-in)

Auf dem Weg zum Mond

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

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

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

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

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

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 gestalten.

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.