Wie WordPress-Plugins die Dauer Ihrer Website beeinflussen

Haben Sie sich jemals gefragt, wie WordPress-Plugins die Ladezeit Ihrer Website beeinflussen? WordPress-Plugins ermöglichen es Ihnen, Funktionen zu Ihrer Website hinzufügen, aber sie können auch Ihre Website Geschwindigkeit beeinflussen. In diesem Artikel zeigen wir Ihnen, wie WordPress-Plugins die Ladezeit Ihrer Website beeinflussen und wie Sie sie effizienter kontrollieren können.

 Wie WordPress-Plugins Auswirkungen auf Ihre Website & # 039; s Ladezeit "width =" 550 "height =" 340 "class =" alignnone size-full wp-image-42658 "/> </p>
<div id=

Contents

Wie WordPress Plugins arbeiten?

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

Wenn jemand deine Website besucht, lädt WordPress zuerst seine Kerndateien und lädt dann alle deine aktiven Plugins.

Für weitere Details, werfen Sie einen Blick auf unseren Artikel über was WordPress Plugins? Und wie funktionieren sie?

Wie können Plugins die Standortbelastung beeinflussen

Jedes WordPress Plugin bietet verschiedene Funktionen und Funktionen. Um dies zu tun, machen einige Plugins Datenbankanrufe auf dem Backend, während andere das Guthaben auf dem Front-End laden, wie z. B. CSS-Stylesheets, JavaScript-Dateien, Bilder usw.

Das Erstellen von Datenbankabfragen und das Laden von Assets erhöht die Ladezeit Ihrer Website. Die meisten Plugins machen eine HTTP-Anfrage zum Laden von Assets wie Scripts, CSS und Images. Jede Anforderung erhöht die Ladezeit Ihrer Website.

Wenn es richtig gemacht wird, ist die Leistungseinwirkung oft nicht zu spürbar.

Wenn Sie jedoch mehrere Plugins verwenden, die zu viele http-Anfragen zum Laden von Dateien und Assets machen, wird dies die Leistung und Benutzererfahrung Ihrer Website beeinflussen.

Wie man Dateien überprüft, die von WordPress Plugins geladen werden

Um zu sehen, wie Plugins Ihre Seitenladezeit beeinflussen, müssen Sie die von WordPress Plugins geladenen Dateien überprüfen.

Es gibt viele Werkzeuge, die du benutzen kannst, um das herauszufinden.

Du kannst die Entwickler-Tools deines Browsers nutzen (Inspect in Google Chrome und Inspect Element in Firefox).

Besuchen Sie einfach Ihre Website und klicken Sie mit der rechten Maustaste auf Inspektion. Dies öffnet das Entwickler-Tool-Panel.

Du musst auf die Registerkarte 'Netzwerk' klicken und dann deine Website neu laden. Wenn die Seite neu geladen wird, können Sie sehen, wie Ihr Browser jede Datei lädt.

 Siehe Seite Ladezeit und Dateien mit Inspektionswerkzeug geladen "width =" 550 "height =" 312 "class =" alignnone size-full wp-image-42655 "/> </p>
<p> Du kannst auch Drittanbieter-Tools wie Pingdom und GTmetrix verwenden, um das zu sehen. Unter anderem nützliche Informationen, diese Tools zeigen Ihnen auch alle Dateien, die geladen werden und wie viel Zeit sie zum Laden genommen haben. </p>
<p> <img title= Wie viele Plugins sind zu viele?

Wie sie sehen, dass diese Dateien geladen werden, können Sie sich fragen, wie viele Plugins Sie auf meiner Website verwenden sollten? Wie viele Plugins sind zu viele?

Die Antwort hängt wirklich von der Menge der Plugins ab, die Sie auf Ihrer Website verwenden.

Ein einziges schlechtes Plugin kann 12 Dateien laden, während mehrere gute Plugins nur ein paar zusätzliche Dateien hinzufügen werden.

Alle gut codierten Plugins versuchen, die Dateien auf ein Minimum zu laden. Allerdings sind nicht alle Plugin-Entwickler so vorsichtig. Einige Plugins laden Dateien auf jede einzelne Seite laden, auch wenn sie diese Dateien nicht benötigen.

Wenn Sie zu viele solcher Plugins verwenden, dann wird dies anfangen, die Leistung Ihrer Website zu beeinflussen.

Wie man Plugins in Kontrolle hält

Das Wichtigste, was Sie auf Ihrer WordPress-Website tun können, ist, nur Plugins zu verwenden, die gut codiert sind, gute Bewertungen haben und von vertrauenswürdigen Quellen empfohlen werden.

Sehen Sie unsere Anleitung, wie Sie welche WordPress Plugins finden können.

Wenn Sie feststellen, dass ein WordPress-Plugin die Belastung Ihrer Website beeinflusst, dann suchen Sie nach einem besseren Plugin, das den gleichen Job macht, aber besser.

Als nächstes müssen Sie mit Caching und CDN beginnen, um die Leistung und Geschwindigkeit Ihrer Website weiter zu verbessern.

Ein weiterer Faktor, den Sie beachten sollten, ist Ihre Website-Hosting. Wenn Ihre Hosting-Server nicht richtig optimiert sind, dann wird es die Reaktionszeit Ihrer Website erhöhen.

Dies bedeutet, dass nicht nur Plugins, aber die Leistung Ihrer Website wird langsamer sein. Stellen Sie sicher, dass Sie eine der besten WordPress Hosting-Unternehmen verwenden.

Als letztes Mittel kannst du Plugins deinstallieren, die du ohne leben kannst. Lesen Sie die installierten Plugins sorgfältig auf Ihrer Website und sehen Sie, ob Sie einige davon deinstallieren können. Dies ist keine ideale Lösung, da Sie auf Features für Geschwindigkeit kompromittieren müssen.

WordPress Plugin Assets manuell optimieren

Erweiterte WordPress-Nutzer können versuchen zu verwalten, wie WordPress-Plugins Dateien auf ihrer Website laden. Dies erfordert einige Kenntnisse der Codierung und einige Debugging-Fähigkeiten.

Die richtige Art, Scripts und Stylesheets in WordPress zu laden, ist die Verwendung der Funktionen wp_enqueue_style und wp_enqueue_script .

Die meisten WordPress Plugin-Entwickler verwenden sie zum Laden von Plugin-Dateien. WordPress kommt auch mit einfachen Funktionen, um diese Skripte und Stylesheets zu abmelden.

Allerdings, wenn Sie nur deaktivieren Laden dieser Skripte und Stylesheets, dann wird dies Ihre Plugins brechen, und sie werden nicht richtig funktionieren. Um das zu beheben, musst du diese Styles und Scripts in die Stylesheet- und JavaScript-Dateien deines Themas kopieren und einfügen.

Auf diese Weise können Sie alle von ihnen sofort laden, minimieren die http-Anfragen und effektiv verringern Ihre Seite Ladezeit.

Lasst uns sehen, wie man Stylesheets und JavaScript-Dateien in WordPress leicht abgrenzt.

Deaktivieren Sie Plugin Stylesheets in WordPress

Zuerst müssen Sie den Namen oder das Griff des Stylesheets finden, das Sie abmelden möchten. Sie können es mit Ihrem Browser-Inspektions-Tool finden.

 Einen Stilnamen finden "width =" 550 "height =" 324 "class =" alignnone size-full wp-image-42651 "/> </p>
<p> Nachdem du das Stylesheet-Handle gefunden hast, kannst du es abmelden, indem du diesen Code in die Datei function.php deines Themas oder ein standortspezifisches Plugin hinzufügst. </p>
<pre class= Add_action ('wp_print_styles', 'my_deregister_styles', 100); Funktion my_deregister_styles () { Wp_deregister_style ('gdwpm_styles-css'); }

Du kannst so viele Stile behandeln wie du in dieser Funktion willst. Zum Beispiel, wenn du mehr als ein Plugin hast, um das Stylesheet zu abmelden, dann würdest du es so machen:


Add_action ('wp_print_styles', 'my_deregister_styles', 100);
Funktion 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 Plugin-Features auf Ihrer Website beeinflussen wird. Sie müssen den Inhalt jedes Stylesheets kopieren, das Sie abmelden und in das Stylesheet Ihres WordPress-Themas einfügen oder als benutzerdefiniertes CSS hinzufügen.

Plugin JavaScripts in WordPress deaktivieren

Genau wie Stylesheets musst du den Griff aus der JavaScript-Datei herausfinden, um sie zu entmündigen. Allerdings finden Sie den Griff nicht mit dem Inspektionswerkzeug.

Dafür müssen Sie tiefer in Plugin-Dateien graben, um herauszufinden, den Griff, der vom Plugin verwendet wird, um ein Skript zu laden.

Eine andere Möglichkeit, um herauszufinden, alle Handles von Plugins verwendet wird, um diesen Code in Ihrem theme's function.php Datei hinzufügen.

Funktion wpb_display_pluginhandles () {
$ Wp_scripts = wp_scripts ();
$ Handlename. = "
    ";     Foreach ($ wp_scripts-> queue als $ handle):       $ Handlename = '
  • '. $ Griff. '
  • ';     Endlich; $ Handlename = "
"; Return $ handlename; } Add_shortcode ('pluginhandles', 'wpb_display_pluginhandles');

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

 Eine Liste der Plugin-Skripts in WordPress anzeigen "width =" 550 "height =" 253 "class =" alignnone size-full wp-image-42652 "/> </p>
<p> Nun, da du Script-Griffe hast, kannst du sie einfach mit dem unten stehenden Code abmelden: </p>
<pre class= Add_action ('wp_print_scripts', 'my_deregister_javascript', 100); Funktion my_deregister_javascript () { Wp_deregister_script ('Kontakt-Formular-7'); }

Du kannst diesen Code auch verwenden, um mehrere Skripte zu deaktivieren, wie folgt:

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

Funktion my_deregister_javascript () {
Wp_deregister_script ('contact-form-7');
Wp_deregister_script ('gdwpm_lightbox-script');
Wp_deregister_script ('another-plugin-script');
}

Nun, wie wir bereits erwähnt haben, dass die Deaktivierung dieser Scripts wird Ihre Plugins stoppen, um richtig zu arbeiten.

Um dies zu vermeiden, musst du JavaScripts zusammen kombinieren, aber manchmal funktioniert es nicht reibungslos, also musst du wissen, was du tust. Sie können von Versuch und Irrtum lernen (wie viele von uns tun), aber wir empfehlen Ihnen, das nicht auf einer Live-Seite zu machen.

Der beste Ort zu testen ist auf einer lokalen WordPress-Installation oder auf einer Staging-Website mit verwalteten WordPress-Hosting-Anbieter.

Skripts nur auf bestimmten Seiten laden

Wenn Sie wissen, dass Sie ein Plugin-Skript benötigen, um auf eine bestimmte Seite auf Ihrer Website zu laden, dann können Sie ein Plugin auf dieser bestimmten Seite zulassen.

Auf diese Weise bleibt das Skript auf allen anderen Seiten deiner Website deaktiviert und wird nur bei Bedarf geladen.

Hier können Sie Scripts auf bestimmten Seiten laden.

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

Funktion my_deregister_javascript () {
If (! Is_page ('Kontakt')) {
Wp_deregister_script ('contact-form-7');
}
}

Dieser Code deaktiviert das Kontakt-Form-7-Skript auf allen Seiten außer der Kontaktseite.

Das ist alles für jetzt.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie WordPress-Plugins die Ladezeit Ihrer Website beeinflussen. Sie können auch unsere ultimative Anleitung sehen, um WordPress Geschwindigkeit und Website Leistung zu verbessern.

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

Die Post Wie WordPress-Plugins beeinflussen Ihre Website Ladezeit erschien zuerst auf WPBeginner.