Installieren Plugins

Gehen Sie zunächst zum Vollständige kostenpflichtige Version von Asset Cleanup Pro da es mehr Funktionen bietet, laden Sie niemals eine kostenlose Kopie eines Plugins herunter. Diese könnten bösartigen Code enthalten und werden nie aktualisiert, wodurch Sie sehr anfällig sind.

Was macht Asset Cleanup Pro Tun?

Es ist wie ein ganzer Stapel Optimierungs-Plugins in einem. Es bietet außerdem umfassende Kontrolle über jede einzelne Seite Ihrer Website. Sie können Skripte bis auf Seitenebene laden/entladen, nicht verwendete WordPress-Funktionen entladen, Code zurückstellen und Ihre Plugins steuern.

Kurz gesagt, es ist das beste Plugin, um die Kontrolle über Ihre Website zu erlangen, und das ist es auch sehr empfehlenswert. Auf der nächsten Seite erkläre ich ein wenig, wie man es benutzt.

Es hat so viele Funktionen, dass es eine eigene Seite braucht!

Sie können WP-Rocket zusammen mit Asset Cleanup Pro ausführen, wenn Ihr Server nicht über ein gutes integriertes Caching-System verfügt. Asset Cleanup Pro arbeitet mit seinen Caching-Funktionen zusammen und ist eine gute Ergänzung, wenn Sie eine Caching-Lösung benötigen.

Die Optimierung Ihrer Bilder ist entscheidend, um eine gute Seitenladezeit und einen guten Pagespeed-Score zu erzielen. Moderne Bilder können sehr groß sein (mehrere MB) und wenn man bedenkt, dass die gesamte Webseite inklusive Code und Bildern etwa 650 KB groß ist, wird einem klar, wie wichtig es ist, seine Bilder auf Diät zu setzen.

Es gibt mehrere Bildoptimierer im WordPress-Repository, und die meisten davon erfüllen ihre Aufgabe gut. Es gibt zwei, die ich empfehle. Kurzes Pixel Und Stellen Sie sich vor.

Shortpixel ist gut, da es kostenlos ist (solange es Ihnen nichts ausmacht, 50 Bilder gleichzeitig zu optimieren) und sofort einsatzbereit ist. Es ist leicht zu befolgen Shortpixel-Benutzerhandbuch auf dieser Seite, wenn Sie es einmal ausprobieren möchten.

Ich würde jedoch empfehlen, Imagify zu installieren. Der Dienst ist für bis zu 200 Bilder pro Monat kostenlos und kostet bei unbegrenzter Nutzung nur $10/Monat. Es ist „einrichten und vergessen“, und Sie können Bilder auch mithilfe des neuen WEBP-Formats konvertieren (und bereitstellen), sofern Ihr Server dies unterstützt. Kinsta-Hosting unterstützt die WEBP-Bildkomprimierung, falls Sie sich das fragen.

Auch hier werde ich Imagify später in der Anleitung eine Seite widmen und würde empfehlen, dieses als Bildoptimierungs-Plugin zu verwenden.

WP-Rakete ist in erster Linie ein Caching- und Performance-Plugin, das Ihre Website beschleunigt. Mit $49 pro Jahr ist es eine der teureren Lösungen, funktioniert aber wirklich gut. Der Grund, warum es so gut ist, ist zweierlei: Es verfügt über einen wirklich selbsterklärenden, einminütigen Einrichtungsvorgang und ist schnell.

Hinzu kommt, dass es vollständig mit Asset Cleanup Pro kompatibel ist und Sie über ein Setup verfügen, das jeden Aspekt der Optimierung bewältigen kann. Auch wenn Ihre Website über ein Caching-System verfügt, WP-Rakete wird Ihre Ladezeiten und Ergebnisse verbessern.

Caching fungiert als eine Art Speicherbank. Es speichert alle Dateien und Seiten im Server-Cache und stellt diese Seite dann dem nächsten Besucher zur Verfügung. Dies erspart dem nächsten Besucher den erneuten Download der Dateien zum Aufbau der Seite. Dadurch wird verhindert, dass sowohl CSS als auch die JS-Umgebungen bei jedem einzelnen Seitenladevorgang heruntergeladen werden müssen, wodurch die Geschwindigkeit erhöht wird.

Ein Wort dazu Woocommerce

Caching eignet sich hervorragend für statische Seiten, deren Inhalt sich nie ändert. Bei dynamischen Websites kann dies jedoch problematisch oder sogar ein Sicherheitsrisiko darstellen.

Stellen Sie sich vor, Sie kaufen auf einer Website ein, gehen zu Ihrem Warenkorb und gehen dann zur Kasse. Sie gehen zur Kasse und alles ist in Ordnung. Durch die Zwischenspeicherung werden Ihre Warenkorb- und Checkout-Besuche jedoch der nächsten Person angezeigt, die zu ihrem Warenkorb geht, da dieser sich an Ihren letzten Besuch erinnert. Das bedeutet, dass Sie Ihren Warenkorb und Ihre Checkout-Seite niemals zwischenspeichern sollten. Schließen Sie diese Seiten immer von Optimierungen aus. Da es sich nicht um Landingpages handelt, haben sie keinen Einfluss auf Ihre SEO.

Du kannst Laden Sie WP-Rocket herunter Hier.

Plugin-Organizer ist ein Oldie, aber ein Goldie. Wie es funktioniert, zeige ich Ihnen auf den folgenden Seiten noch einmal.

Damit können Sie das Laden von Plugins nach Gerät deaktivieren. Angenommen, Sie möchten ein JS-lastiges Plugin (wie Slider Revolution) nur auf dem Desktop laden, aber sicherstellen, dass keine Skripte auf Mobilgeräten geladen werden, um Seitengewicht zu sparen. Dann ist dies das richtige Plugin für Sie.

Sie können dies auch mit einem anderen kleinen Plugin namens kombinieren HTML-Snippets. Was Sie tun, ist, umfangreichen Code, JS oder Videos in ein Snippet einzufügen und das Snippet dann in den Webseiten-Builder selbst und nicht in den Originalcode einzufügen. Anschließend deaktivieren Sie das Laden des HTML-Snippets auf Mobilgeräten. Dies wird auf der Plugin-Organizer-Seite ausführlich erklärt, aber es verändert das Spiel Web-Design.

Die Schriftarten sind überraschend groß. Jede Schriftartdatei kann bis zu 200 KB groß sein. Daher möchten Sie so wenig davon wie möglich verwenden und sie auf Ihren Server herunterladen, damit sie vom Browser zur sofortigen Anzeige vorab abgerufen werden können.

Es gibt nicht nur Schriftstile, sondern auch Schriftstärken. Die meisten von uns verwenden Google-Schriftarten. Unterschiedliche Schriftstärken (Dicken) können dazu führen, dass zusätzliche Dateien heruntergeladen werden. Jede Datei, die ein Theme herunterlädt, führt zu einem Aufruf an die Google-Font-Server. Das möchten Sie eigentlich nicht, da es sich um eine externe Verbindung handelt, die der Browser herunterladen muss, bevor er auf die Seite angewendet wird.

Was macht OMGF Tun?

Mit ein paar Klicks OMGF analysiert Ihre gesamte Website und lädt Ihre Schriftarten auf Ihren Server herunter. Es ist unglaublich einfach und es funktioniert. Ich werde der Einrichtung von OMGF später in der Anleitung noch einmal eine Seite widmen, aber laden Sie es jetzt herunter und installieren Sie es. Es ist kostenlos.

Ein kurzer Tipp zu Schriftarten

Verwenden Sie immer 'Schriftartenanzeige: swap', wenn Sie gefragt werden, wie Sie Ihre Schriftarten anzeigen möchten. Dadurch werden kurz die Standard-Systemschriftarten angezeigt, ohne dass die stilisierten Schriftarten aus Ihrem Design heruntergeladen werden müssen. Google gefällt das und es wird die Ladezeiten Ihrer Seite erheblich verbessern.

Flying Scripts ist eigentlich der Name eines Entwicklers, der tolle Speed-Plugins für WordPress entwickelt. Es müssen zwei einfache Plugins installiert werden. Die Gesamteinrichtungszeit für die beiden Plugins zusammen beträgt weniger als 2 Minuten und es handelt sich bei beiden um kostenlose Plugins.

Was sind Diese Plugins?

Der erste ist Fliegende Analytik. Dadurch wird das Google Analytics-Skript auf Ihren Server heruntergeladen, sodass Sie bei der Verwendung von Analytics oder Tag Manager keine langsamen JS-Aufrufe an Google tätigen. Ich werde auf der Seite „Flying Scripts“ näher darauf eingehen, aber die Verwendung von Google-Trackern schadet Ihrer Seitengeschwindigkeit wirklich.

Also machen Sie weiter und installieren Sie das. Die einzige Einrichtung, die Sie nach der Aktivierung vornehmen müssen, ist die Eingabe Ihres Analytics-/Google-Tag-Tracking-Codes. Ich würde empfehlen, es auf minimales Tracking einzustellen, um Code zu sparen. Es ist alles, was Sie jemals brauchen werden. Und das ist es!

Was ist mit Zweite Plugin?

Es heißt Fliegende Seiten – und das ist noch einfacher einzurichten. Einfach installieren und aktivieren, fertig. Das Einzige, was ich empfehlen würde, ist, es so einzustellen, dass es nur bei Mouseover vorgeladen wird. Dies liegt daran, dass das Vorladen jeder Seite über die Links den Pagespeed-Score leicht verlangsamen kann, auch wenn die Ladezeit für den Endbenutzer kürzer ist. Das Vorladen von Seiten beim Mouseover wird nur aktiviert, wenn der Benutzer mit der Maus über den Link fährt. Dies reduziert zwar immer noch die Seitenladezeit für den Endbenutzer, löst aber das Pagespeed-Problem.

Die meisten WordPress-Websites verwenden Themes. Themes sind großartig, abgesehen von einer Sache: Sie sind mit einer Menge Blähungen verbunden.

Was ist Aufblähen?

Beim Aufblähen wird auf Ihrer Seite zusätzlicher Code ausgeführt, der nicht benötigt wird. Die häufigsten Formen von Bloat sind Javascript und CSS.

Stellen Sie sich nun die Zeit vor, als Sie Ihr Theme gekauft haben. Sie haben es wahrscheinlich gekauft, weil es großartig aussah, viele Funktionen hatte und viele wirklich coole Sachen machte. Die Sache ist die: Nachdem Sie Ihre Seitenvorlagen erstellt haben, nutzen Sie wahrscheinlich nicht annähernd das gesamte Repertoire an Optionen des Themas. Hier kommt das Aufblähen ins Spiel. Es handelt sich um Code, den Sie weder auf Seiten verwenden, noch ist er für Sie von Nutzen.

All diese Grafiken, CSS-Effekte und JS-Optionen haben ihren Preis. Sie befinden sich in den CSS-/JS-Dateien und werden auf die Seite geladen, unabhängig davon, ob Sie sie verwenden oder nicht. Wenn Sie bedenken, dass Sie wahrscheinlich nicht 70-80% des CSS im Theme verwenden, kann die Menge ungenutzter Daten, die in den Browser geladen werden, riesig sein. Hier kommt die Reinigung von CSS/JS ins Spiel. Wir schreiben die Dateien nur mit dem Code um, den Sie benötigen, und das führt zu massiven Dateneinsparungen.

Wie funktioniert Schnellladen Helfen?

Auch hier wird es eine eigene Seite geben, aber im Wesentlichen Schnellladen schreibt Ihr CSS neu, sodass sich keine Bloatware auf Ihren Seiten befindet. Dies geschieht auch Seite für Seite, falls Sie unterschiedliche Layouts auf verschiedenen Seiten verwenden. Es ist völlig fix und fertig und kann riesige Datenmengen einsparen – bis zu 901 TP3T Ihres gesamten CSS-Gewichts, das auf themenbezogenen Websites 1 MB oder mehr ausmacht.

Für Puristen gibt es eine kostenlose Möglichkeit dazu PurifyCSS-Website. Sie können hier lesen, wie Sie Ihr CSS bereinigen CSS-Blogseite. Man nennt es Code-Splitting und es kann sehr mühsam sein, besonders wenn Sie viele Seiten haben und Rapidload einfach alles für Sie erledigt.

Das sind die einzigen Plugins, die Sie im Moment wirklich installieren müssen. Es gibt Ihnen die Werkzeuge an die Hand, mit denen Sie Ihre Website richtig optimieren können, ohne sie zu überlasten. Während mit meinem Pagespeed-Dienst Sie werden viel mehr manuelle Feinabstimmungen durchführen müssen. Die Teile, die Sie durch diesen Leitfaden führen, werden dafür sorgen, dass Ihre Website erfolgreich ist Die wichtigsten Web-Vitals von Google und erhöhen Sie Ihre Ranking-Positionen.

Aber wie Benutze ich Ihnen?

Wir gehen nun näher darauf ein, was die einzelnen Plugins für Ihre Website tun und wie Sie die Geschwindigkeit steigern können. Sie werden sehen, dass diese Plugins aufgrund ihrer Flexibilität ausgewählt wurden.

Sie ermöglichen Ihnen, alles zu tun, worüber Sie gelesen haben, vom Aufschieben von JS bis zum Vorladen des CSS.