Wie sich WordPress-Plugins auf die Ladezeit Ihrer Website auswirken (aufgedeckt)

Es ist eine bekannte Geschichte: Sie finden das perfekte Plugin, um eine aufregende neue Funktion hinzuzufügen, aber diese Aufregung verwandelt sich schnell in Frustration, wenn Ihre Website bis zum Stillstand verlangsamt wird. Wir kennen das, und wir wissen, wie stressig es ist, sich zu fragen, ob man sich zwischen Funktionen und Geschwindigkeit entscheiden muss.

Nachdem wir WPBeginner und unsere anderen Websites mit hohem Traffic über ein Jahrzehnt lang verwaltet haben, haben wir die Wahrheit über die Leistung gelernt. Es geht selten um die Anzahl der Plugins, sondern vielmehr um deren Qualität und Konfiguration.

Wir haben diesen Leitfaden erstellt, um Ihnen die genauen, praktischen Methoden mitzuteilen, mit denen wir Plugin-bezogene Geschwindigkeitsprobleme diagnostizieren und beheben. Sie lernen, wie Sie Ihre Website schnell laufen lassen, ohne die Tools zu opfern, die Sie für Wachstum benötigen.

Dies ist ein umfassender Leitfaden zu Plugins und der Leistung von WordPress. Bitte verwenden Sie die folgenden Links, um diesen Artikel zu navigieren:

1. Wie funktionieren WordPress-Plugins?
2. Wie Plugins die Ladezeit einer Website beeinflussen
3. Verlangsamen zu viele Plugins WordPress?
4. Verlangsamen inaktive Plugins WordPress?
5. Wie man schnellere Plugins auswählt
6. So steuern Sie Ihre Plugins mit dem Plugin Organizer
7. So überprüfen Sie von WordPress-Plugins geladene Dateien (Fortgeschritten)
8. So optimieren Sie WordPress-Plugin-Assets manuell (Fortgeschritten)
9. So deaktivieren Sie Plugin-Stylesheets in WordPress manuell (Fortgeschritten)
10. So deaktivieren Sie JavaScript von Plugins manuell in WordPress (Fortgeschritten)
11. So laden Sie Skripte nur auf bestimmten Seiten (Fortgeschritten)
12. Häufig gestellte Fragen zu WordPress-Plugins und Website-Geschwindigkeit
13. Zusätzliche Ressourcen zur Beschleunigung Ihrer Website

Wie funktionieren WordPress-Plugins?

WordPress-Plugins sind wie Apps für Ihre WordPress-Website. Sie können sie installieren, um weitere Funktionen hinzuzufügen, wie z. B. Kontaktformulare, Fotogalerien oder einen E-Commerce-Shop.

Sowohl der WordPress-Kern als auch Plugins werden in PHP geschrieben. Dieser PHP-Code läuft auf Ihrem Webserver und nutzt dessen Ressourcen.

Deshalb ist es wichtig, schnelles WordPress-Hosting zu wählen, das es Ihnen ermöglicht, Ihre Serverressourcen einfach zu verwalten und Ihre Website effizient zu betreiben.

Wenn jemand Ihre Website besucht, lädt WordPress zuerst seine Kerndateien und dann alle Ihre aktiven Plugins. Mehr dazu erfahren Sie in unserem Leitfaden über WordPress-Plugins und wie sie funktionieren.

Wie Plugins die Ladezeit einer Website beeinflussen

Während WordPress-Plugins fantastisch sind, um Funktionen hinzuzufügen, verbrauchen sie auch die Ressourcen Ihrer Website, und dies kann die Ladezeit Ihrer Website beeinträchtigen.

Eine Möglichkeit, wie sie dies tun, besteht darin, Informationen in der Datenbank Ihrer Website nachzuschlagen oder zu speichern. Wenn ein Plugin ständig viele Daten abrufen muss oder wenn seine Datenbankanfragen nicht effizient sind, kann dies die Geschwindigkeit verlangsamen, mit der Ihr Server auf die Anfrage eines Besuchers reagiert.

Häufiger beeinträchtigen Plugins die Geschwindigkeit, indem sie zusätzliche Dateien hinzufügen, die von den Browsern Ihrer Besucher heruntergeladen werden müssen. Diese Dateien enthalten oft Stylesheets (CSS), die das Aussehen des Plugins steuern, JavaScript (JS) für interaktive Funktionen und manchmal Bilder oder Schriftarten.

Idealerweise sollte ein Plugin diese Dateien nur laden, wo und wann sie benötigt werden. Zum Beispiel sollte ein Kontaktformular-Plugin sein CSS und JS nur auf der Kontaktseite laden.

Einige Plugins sind jedoch so programmiert, dass sie ihre Assets auf jeder einzelnen Seite Ihrer Website laden, auch wenn die Funktion des Plugins auf dieser Seite nicht vorhanden ist.

Jede dieser zusätzlichen Dateien erhöht die Gesamtseitengröße und die Anzahl der separaten Anfragen, die der Browser eines Besuchers stellen muss, um Ihre Seite zu laden. Dies verlängert direkt die Zeit, die Ihre Website benötigt, um für Ihre Besucher vollständig angezeigt zu werden.

Vor diesem Hintergrund können Sie sehen, warum die sorgfältige Auswahl gut codierter Plugins und die Vermeidung unnötiger Plugins wichtig für die Aufrechterhaltung einer guten Website-Geschwindigkeit ist.

Verlangsamen zu viele Plugins WordPress?

Wie viele Plugins sind zu viele? Viele WordPress-Benutzer fragen sich, ob ihre Website langsamer wird, wenn sie zu viele Plugins installieren.

Wir glauben, dass das Hauptproblem nicht die Quantität der Plugins, sondern eher die Qualität ist.

Alle gut codierten Plugins versuchen, die von ihnen geladenen Dateien auf ein Minimum zu beschränken. Sie können Dutzende von guten WordPress-Plugins wie dieses problemlos auf Ihrer Website ausführen.

Allerdings sind nicht alle Plugin-Entwickler so vorsichtig. Einige Plugins laden Dateien bei jedem Seitenaufruf, auch wenn sie diese Dateien nicht benötigen. Zu viele Plugins dieser Art verlangsamen Ihre Website.

Das bedeutet, dass das eigentliche Problem darin besteht, schnelle Plugins auszuwählen und schlecht programmierte zu vermeiden.

Für weitere Diskussionen zu diesem Thema verweisen wir auf unseren Leitfaden zur Anzahl der WordPress-Plugins, die Sie installieren sollten.

Verlangsamen inaktive Plugins WordPress?

Sie können ein Plugin in WordPress vorübergehend deaktivieren. Dies löscht das Plugin nicht, sodass Sie es bei Bedarf einfach wieder aktivieren können.

Sie fragen sich vielleicht, ob inaktive Plugins Ihre Website verlangsamen. Das tun sie nicht.

WordPress lädt inaktive Plugins nicht, daher verbrauchen sie keine Ressourcen Ihrer Website. Inaktive Plugins fragen Ihre Datenbank nicht ab und greifen nicht auf Dateien zu.

Wenn Sie jedoch niemals planen, ein inaktives Plugin in Zukunft zu verwenden, empfehlen wir, es zu löschen. Inaktive Plugins werden weiterhin zur Aktualisierung aufgefordert, und Hacker können sie manchmal nutzen, um Zugriff auf Ihre Website zu erhalten.

Weitere Details finden Sie in unserem Leitfaden mit dem Titel: Verlangsamen inaktive Plugins WordPress?

Wie man schnellere Plugins auswählt

Wie wir bereits sagten, ist das Wichtigste die Wahl gut programmierter Plugins. Dies sind Plugins mit guten Bewertungen und die von vertrauenswürdigen Quellen empfohlen werden.

Sie können damit beginnen, unseren detaillierten Leitfaden zum Thema Auswahl der besten WordPress-Plugins zu lesen.

Sie sollten besonders auf die Benutzerfreundlichkeit und Leistung des Plugins achten. Hier sind einige Top-Auswahlen:

• WPForms, das schnellste und anfängerfreundlichste Kontaktformular-Plugin für WordPress, und ist bekannt für seinen schlanken Code
• All in One SEO, ein leistungsstarkes WordPress-SEO-Plugin , das die Website-Leistung betont
• MonsterInsights, das beste Google Analytics Plugin für WordPress, mit dem Sie gtag.js lokal laden können, um Ihre Google Core Web Vitals Scores zu verbessern
• SeedProd, ein WordPress Page Builder, der blitzschnelle Landing Pages und Themes erstellt und dabei minimale Assets lädt, um die Leistung zu verbessern

Neben diesen Empfehlungen können Sie eigene Geschwindigkeitstests durchführen. Testen Sie einfach die Geschwindigkeit Ihrer Website vor und nach der Installation eines Plugins, um dessen Auswirkungen auf die Leistung zu vergleichen.

Wenn Sie feststellen, dass ein WordPress-Plugin die Ladezeit Ihrer Website beeinträchtigt, suchen Sie nach einem besseren Plugin, das die gleiche Aufgabe erfüllt, ohne Ihre Website zu verlangsamen.

So steuern Sie Ihre Plugins mit dem Plugin Organizer

Einige der von Ihnen verwendeten Plugins müssen nicht auf jeder Seite Ihrer Website ausgeführt werden. Sie können Ihre Website beschleunigen, indem Sie sie nur dort ausführen, wo sie benötigt werden.

Wenn ein Plugin beispielsweise nur im WordPress-Adminbereich ausgeführt werden muss, sollte es nicht im Frontend Ihrer Website geladen werden.

Plugin-Autoren können nicht immer vorhersehen, wie Sie die Funktionen ihres Plugins nutzen werden, daher laden sie den Code möglicherweise, auch wenn er nicht benötigt wird. Wenn das Plugin JavaScript- und CSS-Dateien lädt, kann dies die Ladezeit Ihrer Website erhöhen.

Das Deaktivieren dieser Plugins auf den Seiten, auf denen Sie sie nicht benötigen, verbessert deren Ladezeit.

Hier kann Plugin Organizer helfen. Es ist ein WordPress-Plugin, mit dem Sie Ihre anderen Plugins auf folgende Weise steuern können:

• Es ermöglicht Ihnen, bestimmte Plugins basierend auf der URL selektiv zu aktivieren oder zu deaktivieren.
• Es ermöglicht Ihnen, Plugins für verschiedene Benutzerrollen zu aktivieren oder zu deaktivieren.
• Damit können Sie Plugins basierend auf dem Beitragstyp aktivieren oder deaktivieren.
• Es ermöglicht Ihnen, die Reihenfolge, in der Plugins geladen werden, neu anzuordnen.
• Es ermöglicht Ihnen, bestimmte Plugins zu deaktivieren und sie nur bei Bedarf zu laden.

Mit diesen Funktionen können Sie mit Plugin Organizer Ihre Plugins steuern und die Leistung Ihrer Website optimieren.

Detaillierte Anweisungen finden Sie in unserem Leitfaden zur Verwendung von Plugin Organizer zur Beschleunigung Ihrer WordPress-Website.

Und da mehr als die Hälfte Ihrer Website-Besucher Smartphones oder andere Geräte nutzen wird, müssen Sie sicherstellen, dass Ihre Website auch für sie schnell geladen wird.

Sie können dies tun, indem Sie den Plugin-Organisator verwenden, um bestimmte Plugins auf Mobilgeräten zu deaktivieren. Eine Anleitung dazu finden Sie in unserem Leitfaden unter So deaktivieren Sie bestimmte WordPress-Plugins für mobile Benutzer.

Wenn Sie Ihre WordPress-Plugins jedoch lieber steuern möchten, ohne ein weiteres Plugin zu installieren, erklären wir Ihnen im Rest dieser Anleitung Schritt für Schritt, wie das geht. Dies wird jedoch nur für technisch versiertere Benutzer empfohlen.

So überprüfen Sie von WordPress-Plugins geladene Dateien (Fortgeschritten)

Um zu sehen, wie sich Plugins auf die Ladezeit Ihrer Seite auswirken, müssen Sie überprüfen, welche Dateien von Ihren WordPress-Plugins geladen werden. Glücklicherweise gibt es viele Tools, mit denen Sie dies herausfinden können.

Eine einfache Methode ist die Verwendung der Entwicklertools Ihres Browsers. Klicken Sie in Google Chrome oder Firefox einfach mit der rechten Maustaste auf Ihre Website und wählen Sie 'Untersuchen'. Dadurch wird das Entwicklertools-Panel geöffnet.

Sie müssen auf den Tab „Netzwerk“ klicken und dann Ihre Website neu laden. Während die Seite neu geladen wird, können Sie sehen, wie Ihr Browser jede Datei lädt.

Achten Sie auf Dateien, deren Ladezeit langsam ist. Sie können sehen, wie lange jede Datei zum Laden benötigt hat, indem Sie die Spalte 'Zeit' betrachten.

Wenn Sie nur bestimmte Arten von Dateien sehen möchten, die sich auf Ihre Ladezeiten auswirken können, wie z. B. JS (JavaScript) oder CSS, verwenden Sie einfach die Schaltflächen oben, um die Liste zu filtern.

Für einen detaillierteren Bericht können Sie auch Tools von Drittanbietern wie Pingdom und GTmetrix verwenden. Diese Tools liefern Ihnen noch nützlichere Informationen über alle geladenen Dateien und die Ladezeiten.

So optimieren Sie WordPress-Plugin-Assets manuell (Fortgeschritten)

Fortgeschrittene WordPress-Benutzer können versuchen, zu verwalten, wie WordPress-Plugins Dateien auf ihrer Website laden. Beachten Sie, dass dies einige Kenntnisse im Programmieren und einige Debugging-Fähigkeiten erfordert.

Der richtige Weg, Skripte und Stylesheets in WordPress zu laden ist die Verwendung der Funktionen wp_enqueue_style und wp_enqueue_script.

Die meisten WordPress-Plugin-Entwickler verwenden diese Funktionen, um Plugin-Dateien zu laden, und stellen sicher, dass Dateien nur dann und dort geladen werden, wo sie benötigt werden. WordPress verfügt auch über einfache Funktionen, um diese Skripte und Stylesheets zu deregistrieren.

Wenn Sie jedoch einfach das Laden dieser Skripte und Stylesheets deaktivieren, werden Ihre Plugins dadurch beschädigt und funktionieren nicht mehr richtig. Um dies zu beheben, müssen Sie diese Stile und Skripte in die Stylesheet- und JavaScript-Dateien Ihres Themes kopieren und einfügen.

Auf diese Weise können Sie alle auf einmal laden, wodurch die HTTP-Anfragen minimiert und die Ladezeit Ihrer Seite effektiv verkürzt wird.

Sehen wir uns an, wie man Stylesheets und JavaScript-Dateien in WordPress einfach deregistriert.

So deaktivieren Sie Plugin-Stylesheets in WordPress manuell (Fortgeschritten)

Zuerst müssen Sie den Namen oder Handle des Stylesheets finden, das Sie abmelden möchten. Sie können es mit dem Inspektionswerkzeug Ihres Browsers lokalisieren.

Nachdem Sie den Handle des Stylesheets gefunden haben, können Sie es deregistrieren, indem Sie diesen Code mit einem Snippet-Plugin wie WPCode (empfohlen) hinzufügen. Wir empfehlen die Verwendung eines Snippet-Plugins, da es viel sicherer ist, als die functions.php-Datei Ihres Themes direkt zu bearbeiten, und Ihr Code bei einem Theme-Update nicht gelöscht wird.

add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_deregister_styles() {
    wp_deregister_style( 'gdwpm_styles-css' );
}

Vergessen Sie nicht, 'gdwpm_styles-css' in den Style-Handle zu ändern, den Sie deaktivieren möchten.

Um diesen Code-Snippet mit WPCode hinzuzufügen, erstellen Sie einfach einen benutzerdefinierten PHP-Snippet, geben Sie ihm einen Namen und fügen Sie den Code dann in den Code-Vorschau-Bereich ein.

Stellen Sie danach sicher, dass Sie den Snippet auf „Aktiv“ schalten und dann auf die Schaltfläche „Snippet speichern“ klicken, um den Code zu speichern. Weitere Details finden Sie in unserer Anleitung zum einfachen Hinzufügen von benutzerdefinierten Code-Snippets in WordPress.

Sie können beliebig viele Style-Handles innerhalb dieser Funktion abmelden.

Wenn Sie beispielsweise mehr als ein Plugin haben, für das Sie das Stylesheet deregistrieren möchten, dann würden Sie es so tun:

add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_deregister_styles() {
    wp_deregister_style( 'gdwpm_styles-css' );
    wp_deregister_style( 'bfa-font-awesome-css' );
    wp_deregister_style( 'some-other-stylesheet-handle' );
}

Denken Sie daran, dass die Deregistrierung dieser Stylesheets die Plugin-Funktionen auf Ihrer Website beeinträchtigt. Sie müssen den Inhalt jedes Stylesheets, das Sie deregistrieren, kopieren und in das Stylesheet Ihres WordPress-Themes einfügen oder sie als benutzerdefiniertes CSS hinzufügen.

Dies hilft, Ihre Website zu beschleunigen, da der Browser eines Besuchers nur eine kombinierte CSS-Datei anstelle vieler kleinerer herunterladen muss, was die Anzahl der Anfragen an Ihren Server reduziert.

So deaktivieren Sie JavaScript von Plugins manuell in WordPress (Fortgeschritten)

Genau wie bei Stylesheets müssen Sie den Handle der JavaScript-Datei herausfinden, um sie zu deregistrieren. Den Handle finden Sie jedoch nicht mit dem Inspektionswerkzeug.

Das Finden des richtigen Handles für JavaScript-Dateien kann schwierig sein, da Sie sie nicht einfach mit dem Inspektionswerkzeug finden können. Glücklicherweise gibt es eine einfache Möglichkeit, eine Liste aller Skript-Handles zu erhalten.

Sie können diesen Code zu Ihrer functions.php-Datei oder einem neuen WPCode-Snippet hinzufügen:

function wpb_display_pluginhandles() {
$wp_scripts = wp_scripts();
$handlename .= "<ul>";
    foreach( $wp_scripts->queue as $handle ) :
      $handlename .=  '<li>' . $handle .'</li>';
    endforeach;
$handlename .= "</ul>";
return $handlename;
}
add_shortcode( 'pluginhandles', 'wpb_display_pluginhandles');

Nach dem Hinzufügen dieses Codes können Sie den [pluginhandles] Shortcode verwenden, um eine Liste der Plugin-Skript-Handles anzuzeigen.

Es sollte so aussehen:

Jetzt, da Sie Skripthandles haben, können Sie diese mit dem folgenden Code einfach abmelden.

Fügen Sie den Code einfach Ihrer functions.php-Datei des Themes oder einem neuen WPCode-Snippet hinzu, wie Sie es beim Deaktivieren von Stylesheets getan haben:

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
    wp_deregister_script( 'contact-form-7' );
}

Sie können diesen Code auch verwenden, um mehrere Skripte zu deaktivieren.

Es wird so aussehen:

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
    wp_deregister_script( 'contact-form-7' );
    wp_deregister_script( 'gdwpm_lightbox-script' );
    wp_deregister_script( 'another-plugin-script' );
}

Wie bereits erwähnt, verhindert die Deaktivierung dieser Skripte, dass Ihre Plugins korrekt funktionieren. Um dies zu beheben, müssten Sie den JavaScript-Code jedes Plugins kopieren und in die Haupt-JavaScript-Datei Ihres Themes einfügen.

Allerdings ist dieser erweiterte Schritt komplex und kann Probleme verursachen, da verschiedene Skripte miteinander in Konflikt geraten können. Er erfordert sorgfältige Tests auf einer Staging-Umgebung.

So laden Sie Skripte nur auf bestimmten Seiten (Fortgeschritten)

Wenn Sie wissen, dass Sie ein Plugin-Skript auf einer bestimmten Seite Ihrer Website laden müssen, können Sie ein Plugin auf dieser speziellen Seite zulassen.

Auf diese Weise bleibt das Skript auf allen anderen Seiten Ihrer Website deaktiviert und wird nur geladen, wenn es benötigt wird.

Hier erfahren Sie, wie Sie Skripte auf bestimmten Seiten laden:

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
    if ( !is_page('Contact') ) {
        wp_deregister_script( 'contact-form-7' );
    }
}

Dieser Code deaktiviert einfach das Skript contact-form-7 auf allen Seiten außer der Kontaktseite. Ändern Sie einfach den Seitennamen und den Plugin-Skript-Handle zu denen, die Sie verwenden möchten.

Häufig gestellte Fragen zu WordPress-Plugins und Website-Geschwindigkeit

Hier sind die Antworten auf einige der häufigsten Fragen, die wir dazu erhalten, wie sich WordPress-Plugins auf die Leistung von Websites auswirken können.

1. Ist es die Anzahl der Plugins oder ihre Qualität, die eine Website verlangsamt?

Qualität ist weitaus wichtiger als Quantität. Eine Website kann Dutzende von gut codierten Plugins ohne spürbare Verlangsamung ausführen. Ein einziges schlecht codiertes Plugin kann jedoch die Leistung erheblich beeinträchtigen, indem es zu viele Datenbankanfragen stellt oder unnötige Skripte auf jeder Seite lädt.

2. Verlangsamen inaktive Plugins meine WordPress-Website?

Nein, inaktive Plugins beeinträchtigen nicht die Ladezeit Ihrer Website. WordPress lädt nur die Dateien für aktive Plugins, sodass diese keine Serverressourcen verbrauchen. Es ist jedoch immer noch eine gute Sicherheitspraxis, Plugins zu löschen, die Sie nicht mehr verwenden möchten.

3. Wie finde ich heraus, welches spezifische Plugin meine Website verlangsamt?

Die zuverlässigste Methode ist, zuerst die Geschwindigkeit Ihrer Website zu testen. Deaktivieren Sie dann alle Ihre Plugins und testen Sie erneut. Sie können sie einzeln wieder aktivieren und jedes Mal einen Geschwindigkeitstest durchführen. Wenn Sie einen deutlichen Geschwindigkeitsabfall feststellen, haben Sie das Plugin gefunden, das das Problem verursacht.

4. Ist es besser, ein großes Plugin mit vielen Funktionen oder mehrere kleinere, spezialisierte Plugins zu verwenden?

Das hängt ganz von der Codequalität ab. Oft sind mehrere leichte, spezialisierte Plugins effizienter als ein aufgeblähtes Mehrzweck-Plugin, das Assets für Funktionen lädt, die Sie nicht einmal verwenden. Wählen Sie immer Plugins, die für ihre Geschwindigkeit und Effizienz bekannt sind.

Zusätzliche Ressourcen zur Beschleunigung Ihrer Website

Jetzt, da Sie wissen, wie Sie Ihre Plugins für eine bessere Leistung verwalten können, können Sie weitere Möglichkeiten erkunden, um Ihre Website noch schneller zu machen. Wir empfehlen diese Anleitungen für Ihre nächsten Schritte:

• Der ultimative Leitfaden zur Steigerung der WordPress-Geschwindigkeit und -Leistung – Unser vollständiges Tutorial behandelt jeden Aspekt der Website-Geschwindigkeit, vom Hosting bis zur Bildoptimierung und darüber hinaus.
• Die besten WordPress-Caching-Plugins – Caching ist eine der leistungsstärksten Methoden, um die Ladezeit Ihrer Website zu verbessern. Dieser Vergleich hilft Ihnen bei der Auswahl der besten Lösung.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.