Sie sind sich immer noch nicht sicher, welches das beste Performance-Plugin für WordPress ist? Schauen Sie sich an Perfmatters

Perfmatters, Konfigurationsanleitung

 
Perfmatters, Konfigurationsanleitung

Es unterstützt keine serverseitigen Sprachen wie z.B. PHP. Um benutzerdefinierten PHP-Code hinzuzufügen, empfehlen wir Ihnen die Verwendung des Code Snippets Plugins.

Vorladen

Perfmatters, Konfigurationsanleitung 49

Beim Vorladen verwendet die erste Option"Instant Page" die instant.page-Bibliothek und lädt eine kleine JS-Datei von weniger als 2 KB(instantpage.js) lokal auf Ihre Website. Sie wird verwendet, um URLs vorzuladen, wenn ein Benutzer den Mauszeiger über einen Link oder ein Bild in der Desktop-Version bewegt. Auf Mobiltelefonen wird eine URL vorgeladen, nachdem der Benutzer den Link auf seinem Bildschirm angetippt hat und bevor er ihn loslässt.

Nach 65 Millisekunden beginnt das Vorladen der URL automatisch im Hintergrund.

Dieses Tool ist das Äquivalent zu"Instant Click" von Litespeed und"Preload Links" von WP Rocket. Wenn Sie also diese Option in einem dieser beiden Plugins verwenden, sollten Sie sie deaktivieren, um Perfmatters auszuprobieren.

In meinem Fall hat es etwas besser funktioniert als die entsprechende Option in Litespeed, obwohl zu beachten ist, dass es in einigen Fällen die Serverlast erhöhen kann.

Wie bei den Javascript- und CSS-Optionen sollte die Verwendung von Preloading und Preconnection je nach Ihren Bedürfnissen auf der Grundlage verschiedener Tests erfolgen.

Perfmatters, Konfigurationsanleitung 50

Das Vorladen kritischer Bilder (oberhalb der Falz) ist eine Option, die sich noch in der Beta-Phase befindet und dazu beitragen kann, die Zeit für die Darstellung größerer Inhalte (LCP) in Core Web Vitals zu verkürzen.

Dies sind in der Regel Bilder wie ein Logo, ein Bild in einem Beitrag, ein Hauptbild auf einer Landing Page usw. Wenn Sie sie vorladen, rücken sie an die Spitze des Wasserfalls und teilen dem Browser mit, dass sie Priorität haben und sofort geladen werden sollten.

Sie können zwischen null, keinem (die Standardoption) und fünf Bildern wählen. Permatters empfiehlt, zwei oder maximal drei Bilder auszuwählen, da Chrome eine Begrenzung von zwei vorgeladenen Bildern hat, die oben im Wasserfall erscheinen.

Langsames Laden

Perfmatters, Konfigurationsanleitung 51

Ein weiterer leistungsbezogener Klassiker, den WordPress seit der Version 5.4 im Jahr 2020 nativ integriert hat.

In meinem Fall verwende ich die Litespeed-Option, weil ich in den Tests etwas bessere Ergebnisse gefunden habe. Trotzdem funktioniert die Perfmatters-Option wirklich gut und wendet sie auch auf das CSS der Hintergrundbilder an

Schriftarten

Perfmatters, Konfigurationsanleitung 52

Eine weitere gute Sache. Diese Option, die in Version 1.7.4 von Perfmatterswurde am 7. Juni 2022 veröffentlicht. Es ermöglicht Ihnen, Google Fonts mit ein paar Klicks lokal zu hosten und zu laden.

Die Vorteile des lokalen Hostings von Schriftarten sind vielfältig: Sie haben die volle Kontrolle über sie, Sie vermeiden all diese Anfragen und damit die Ladezeit und Sie können entscheiden, wie Sie sie bereitstellen.

Die Funktion findet automatisch jeden Google Fonts-Verweis, der in Ihrem Blog vorhanden ist, lädt die entsprechenden Schriftarten von fonts.google.com herunter und hostet sie lokal auf Ihrem Server im Verzeichnis: /wp-content/cache/perfmatters/your-domain.com/fonts/

In diesem anderen Beitrag wird die Verwendung ausführlicher erläutert.

CDN

Perfmatters, Konfigurationsanleitung 53

Hier gibt es nichts Besonderes und es gibt wenig zu kommentieren. Ein Tool, das immer nützlich ist, um das von Ihnen verwendete CDN hinzuzufügen. Da ich QUIC.CLOUD verwende, habe ich es noch nicht gebraucht.

Analitycs

Perfmatters, Konfigurationsanleitung 54

Zwar verwende ich es jetzt nicht mehr, da ich mit dem Übergang zu Matomo begonnen habe und die Verwaltung des Analytics-Skripts an mein RGPD/CCPA-Plugin zur Verwaltung von Cookie-Einwilligungen abgegeben habe, das es auch korrekt verwaltet, aber ich weiß, dass es sehr gut mit Perfmatters funktioniert, da ich es früher verwendet habe.

Von hier aus können Sie das Google Analytics-Skript lokal hosten. Dies trägt zur Beschleunigung Ihrer Website bei, indem es zusätzliche DNS-Suchvorgänge reduziert und das Problem des "Ausnutzens des Browser-Caches" ihres Skripts löst.

Laut Perfmatters gibt Googles eigenes Skript ironischerweise eine Warnung über Caching aus, aber das liegt daran, dass der Ablauf des HTTP-Cache-Headers sehr kurz ist. Wenn Sie es selbst hosten, werden die HTTP-Cache-Header von Ihrem eigenen CDN oder Server automatisch übernommen. Mit anderen Worten: Sie haben die volle Kontrolle über das Caching des Skripts.

Sie weisen auch darauf hin, dass dieses Tool nicht offiziell von Google unterstützt wird, aber schon seit Jahren ohne Probleme verwendet wird.

Wenn Sie Google Analytics lokal hosten und das Skript von Ihrem eigenen CDN oder Server bereitstellen, können Sie auch die Vorteile einer einzigen HTTP/2-Verbindung nutzen.

Dieser Beitrag enthält einige Affiliate-Links.

Suscríbete para recibir los post en tu email sin publicidad

Ähnliche Artikel

Este blog se aloja en LucusHost

LucusHost, el mejor hosting