{"id":24258,"date":"2024-01-07T12:57:57","date_gmt":"2024-01-07T12:57:57","guid":{"rendered":"https:\/\/yorkshiredesign.co.uk\/?page_id=24258"},"modified":"2025-04-17T17:06:29","modified_gmt":"2025-04-17T16:06:29","slug":"plugin-organizer","status":"publish","type":"page","link":"https:\/\/yorkshiredesign.co.uk\/de\/pagespeed-leitfaden\/plugin-organizer\/","title":{"rendered":"Plugin-Organizer"},"content":{"rendered":"
<\/span><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

Plugin Veranstalter<\/span><\/h1>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>
\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Versteckt<\/span> Oder wird geladen?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t\"Using\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

Selektives Laden f\u00fcr mobile Ger\u00e4te<\/p>\n

Steigern Sie Ihre mobile Ladegeschwindigkeit<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n Soll ich es tun?<\/span>\n \t

\n\t \t\n\t \t\t\n\t \t\t\tSoll ich es tun?\t\t\t\t<\/span>\t\n\t \t<\/span>\n\t \t\t \t
<\/div>\n\t <\/div>\n\t<\/a> <\/div>\n <\/div>\n<\/div>
\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Plugin-Organizer Boosts <\/span>Seitengeschwindigkeit<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

Plugin-Organizer<\/strong><\/a> ist ein sehr n\u00fctzliches Plugin f\u00fcr WordPress. In Bezug auf Plugins ist es sehr alt, da es 2012 geschrieben wurde, als Responsive Design noch in den Kinderschuhen steckte. Das Plugin hat sich jedoch bew\u00e4hrt und bietet die Grundlage f\u00fcr einen wirklich guten Trick, der Websites hilft, die mit Seitenerstellern wie Elementor, DIVI oder WP Bakery usw. erstellt wurden.<\/p>\n

Das Plugin stoppt das Laden von Plugins auf Seiten. Was dies so gut macht, ist, dass es auch das Laden von Plugins pro Ger\u00e4t stoppen kann. Da die Geschwindigkeit auf Mobilger\u00e4ten viel langsamer ist als auf dem Desktop, kann sich dies als sehr n\u00fctzlich erweisen. Es kann auch hilfreich sein, wenn ein Plugin nicht zum eingeschr\u00e4nkten Layout eines Mobilger\u00e4ts passt, wohl aber zum Desktop-Layout.<\/p>\n

Die Beschr\u00e4nkung des Ladens von JS-lastigen Plugins auf Mobilger\u00e4ten kann einen gro\u00dfen Unterschied f\u00fcr Sie machen Pagespeed-Scores<\/a>. Aber es ist nicht nur die Einschr\u00e4nkung des Ladevorgangs, die dieses Plugin so besonders macht. In Kombination mit dem ist es au\u00dferdem v\u00f6llig flexibel HTML-Snippets-Plugin<\/strong><\/a>. Wenn Sie beide zusammen verwenden, k\u00f6nnen Sie selektiv laden Inhalt<\/a> auf dem Desktop, aber lassen Sie es auf Mobilger\u00e4ten weg.<\/p>\n

Dies ist ein Aha-Moment f\u00fcr den Inhalt, da Lighthouse die Berichterstattung \u00fcber jedes Video stoppt, wenn Sie es auf Mobilger\u00e4ten im Seitenersteller ausgeblendet haben. Wenn Sie ein Video auf Mobilger\u00e4ten ausgeblendet haben, \u00fcberpr\u00fcfen Sie Ihre Mobilergebnisse. Wird das Video immer noch in Ihrem mobilen Bericht gemeldet? Wenn ja, werde ich unten erkl\u00e4ren, wie man das Problem behebt.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n <\/div>\n<\/div><\/div>

<\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>
\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Versteckt<\/span> Oder wird geladen?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t\"Using\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

Selektives Laden f\u00fcr mobile Ger\u00e4te<\/p>\n

Steigern Sie Ihre mobile Ladegeschwindigkeit<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n Soll ich es tun?<\/span>\n \t

\n\t \t\n\t \t\t\n\t \t\t\tSoll ich es tun?\t\t\t\t<\/span>\t\n\t \t<\/span>\n\t \t\t \t
<\/div>\n\t <\/div>\n\t<\/a>\n\t
\n\t\t
\n\t\t\t

Plugin-Organizer Boosts<\/span> Seitengeschwindigkeit<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

Plugin-Organizer<\/strong><\/a> ist ein sehr n\u00fctzliches Plugin f\u00fcr WordPress. In Bezug auf Plugins ist es sehr alt, da es 2012 geschrieben wurde, als Responsive Design noch in den Kinderschuhen steckte. Das Plugin hat sich jedoch bew\u00e4hrt und bietet die Grundlage f\u00fcr einen wirklich guten Trick, der Websites hilft, die mit Seitenerstellern wie Elementor, DIVI oder WP Bakery usw. erstellt wurden.<\/p>\n

Das Plugin stoppt das Laden von Plugins auf Seiten. Was dies so gut macht, ist, dass es auch das Laden von Plugins pro Ger\u00e4t stoppen kann. Da die Geschwindigkeit auf Mobilger\u00e4ten viel langsamer ist als auf dem Desktop, kann sich dies als sehr n\u00fctzlich erweisen. Es kann auch hilfreich sein, wenn ein Plugin nicht zum eingeschr\u00e4nkten Layout eines Mobilger\u00e4ts passt, wohl aber zum Desktop-Layout.<\/p>\n

Die Beschr\u00e4nkung des Ladens von JS-lastigen Plugins auf mobilen Ger\u00e4ten kann einen gro\u00dfen Unterschied bei Ihren Pagespeed-Scores machen. Aber es ist nicht nur die Einschr\u00e4nkung des Ladevorgangs, die dieses Plugin so besonders macht. In Kombination mit dem ist es au\u00dferdem v\u00f6llig flexibel HTML-Snippets-Plugin<\/strong><\/a>. Wenn Sie beide zusammen verwenden, k\u00f6nnen Sie Inhalte gezielt auf den Desktop laden, sie aber auf Mobilger\u00e4ten weglassen.<\/p>\n

Dies ist ein Aha-Moment f\u00fcr den Inhalt, da Lighthouse die Berichterstattung \u00fcber jedes Video stoppt, wenn Sie es auf Mobilger\u00e4ten im Seitenersteller ausgeblendet haben. Wenn Sie ein Video auf Mobilger\u00e4ten ausgeblendet haben, \u00fcberpr\u00fcfen Sie Ihre Mobilergebnisse. Wird das Video immer noch in Ihrem mobilen Bericht gemeldet? Wenn ja, werde ich unten erkl\u00e4ren, wie man das Problem behebt.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>

\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Versteckt<\/span> Oder wird geladen?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

Plugin-Organizer<\/strong><\/a> ist ein sehr n\u00fctzliches Plugin f\u00fcr WordPress. In Bezug auf Plugins ist es sehr alt, da es 2012 geschrieben wurde, als Responsive Design noch in den Kinderschuhen steckte.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t\"Using\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

Das Plugin hat sich jedoch bew\u00e4hrt und bietet die Grundlage f\u00fcr einen wirklich guten Trick, der Websites hilft, die mit Seitenerstellern wie Elementor, DIVI oder WP Bakery usw. erstellt wurden.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

Das Plugin stoppt das Laden von Plugins auf Seiten. Was dies so gut macht, ist, dass es auch das Laden von Plugins pro Ger\u00e4t stoppen kann. Da die Geschwindigkeit auf Mobilger\u00e4ten viel langsamer ist als auf dem Desktop, kann sich dies als sehr n\u00fctzlich erweisen. Es kann auch hilfreich sein, wenn ein Plugin nicht zum eingeschr\u00e4nkten Layout eines Mobilger\u00e4ts passt, wohl aber zum Desktop-Layout.<\/p>\n

Die Beschr\u00e4nkung des Ladens von JS-lastigen Plugins auf mobilen Ger\u00e4ten kann einen gro\u00dfen Unterschied bei Ihren Pagespeed-Scores machen. Aber es ist nicht nur die Einschr\u00e4nkung des Ladevorgangs, die dieses Plugin so besonders macht. In Kombination mit dem ist es au\u00dferdem v\u00f6llig flexibel HTML-Snippets-Plugin<\/strong><\/a>. Wenn Sie beide zusammen verwenden, k\u00f6nnen Sie Inhalte gezielt auf den Desktop laden, sie aber auf Mobilger\u00e4ten weglassen.<\/p>\n

Dies ist ein Aha-Moment f\u00fcr den Inhalt, da Lighthouse die Berichterstattung \u00fcber jedes Video stoppt, wenn Sie es auf Mobilger\u00e4ten im Seitenersteller ausgeblendet haben. Wenn Sie ein Video auf Mobilger\u00e4ten ausgeblendet haben, \u00fcberpr\u00fcfen Sie Ihre Mobilergebnisse. Wird das Video immer noch in Ihrem mobilen Bericht gemeldet? Wenn ja, werde ich unten erkl\u00e4ren, wie man das Problem behebt.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>

<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

Selektiv<\/span> Plugins laden<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

<\/div>
<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

Das ist Wie man<\/span> Beschleunigen Sie das Laden auf Mobilger\u00e4ten<\/h2>\n\n\t\t<\/div>\n\t<\/div>\n
\n
\n

\n \n <\/span>\n <\/span>\n <\/span>\n Verwenden des Plugin Organizers<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Das erste, was zu tun ist, ist Installieren Sie den Plugin Organizer<\/strong><\/a> und aktivieren Sie es. Nachdem Sie dies getan haben, gehen Sie zur Seite mit den Plugin-Einstellungen in Ihrem WordPress<\/a> Armaturenbrett<\/p>\n

Der Am wichtigsten<\/span> Ding<\/p>\n

Stellen Sie in den Einstellungen sicher, dass \u201eSelektives Laden\u201c UND<\/strong> \u201eSelektives mobiles Laden\u201c ist eingeschaltet. Dadurch haben Sie die Kontrolle \u00fcber das Laden verschiedener Plugins auf verschiedenen Ger\u00e4ten. Wenn Sie dann in den Plugin-Einstellungen auf \u201eGlobale Einstellungen\u201c gehen, k\u00f6nnen Sie sehen, welche Plugins Sie siteweit laden\/entladen m\u00f6chten. Klicken Sie einfach auf jedes einzelne, um gr\u00fcn f\u00fcr \u201eEin\u201c oder rot f\u00fcr \u201eAus\u201c zu werden.<\/p>\n

Hier ist zu beachten, wo \u201ePlattform\u201c steht. Sie k\u00f6nnen darauf klicken, um zwischen Standard (Desktop) und Mobil zu wechseln. Klicken Sie auf \u201eMobil\u201c und stellen Sie die Plugins individuell so ein, dass das Laden nur auf Mobilger\u00e4ten deaktiviert wird.<\/p>\n

Wenn Sie dann jede Seite einzeln bearbeiten und ganz nach unten scrollen, sehen Sie eine Menge gr\u00fcner Balken. Das ist der Plugin-Organizer. Hier k\u00f6nnen Sie die Plugins so einstellen, dass sie nur auf dieser Seite geladen\/entladen werden. Diejenigen, die Sie zuvor global deaktiviert haben, werden rot angezeigt. Diejenigen, die geladen werden d\u00fcrfen, sind gr\u00fcn. Klicken Sie einfach auf die gr\u00fcne Leiste, um es f\u00fcr diese Seite zu aktivieren\/deaktivieren. Denken Sie daran, die Plattform auf \u201eMobil\u201c zu \u00e4ndern, um das Plugin auf Mobilger\u00e4ten zu deaktivieren. Dies eignet sich perfekt f\u00fcr Branding-\/Landingpages, bei denen Sie m\u00f6glicherweise einige gr\u00f6\u00dfere Plugins haben, die Sie nur zu visuellen Zwecken auf die Seite laden m\u00f6chten.<\/p>\n

Es ist sehr einfach, sich daran zu gew\u00f6hnen, und Sie haben die vollst\u00e4ndige Kontrolle dar\u00fcber, welche Plugins Sie wo und auf welchen Ger\u00e4ten laden m\u00f6chten.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div>

\n

\n \n <\/span>\n <\/span>\n <\/span>\n Kombinieren mit HTML-Snippets<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Page Builder sind gro\u00dfartig, da sie Ihnen die einfache Gestaltung von Seiten erm\u00f6glichen. Die meisten Websites werden mit Elementor, DIVI oder WP Bakery erstellt. Allerdings gibt es bei allen ein Problem, das das Laden auf Mobilger\u00e4ten erheblich verlangsamt. Es geht um den Seiteninhalt und dessen Laden auf Mobilger\u00e4ten. Was passiert, ist, dass ein Designer ein Video erstellt oder ein gro\u00dfes Bild hat, das nur f\u00fcr Desktop-Ger\u00e4te gedacht ist. Alle Pagebuilder haben die M\u00f6glichkeit, dies auszublenden. Also versteckst du es. Dadurch wird es auch nicht mehr auf Mobilger\u00e4ten angezeigt. Dadurch sollte die Gewichtung der mobilen Seite verringert werden, da kein Video darauf vorhanden ist. Rechts?<\/p>\n

Falsch!<\/b><\/p>\n

Page Builder \u201everstecken\u201c lediglich den Inhalt. Verstecken und Laden sind sehr unterschiedliche Dinge. Wenn auf Ihrem Desktop ein Video geladen wird und Sie es auf Mobilger\u00e4ten ausgeblendet haben, f\u00fchren Sie einen Pagespeed-Test durch. Wird Ihr Video im mobilen Seitenbericht immer noch irgendwo auf der Seite aufgef\u00fchrt? Wenn ja, l\u00e4dt es immer noch, was Ihre Seitengeschwindigkeit und die Gesamtladezeit auf Mobilger\u00e4ten erheblich beeintr\u00e4chtigt.<\/p>\n

Hier kommen HTML-Snippets ins Spiel. Durch das Ausblenden wird der Ladevorgang nicht gestoppt. Die Verwendung von Plugin Organizer mit HTML-Snippets funktioniert jedoch.<\/p>\n

Wie mache ich Mach das<\/span>?<\/p>\n

Wenn Sie Plugin Organizer installiert haben, gehen Sie zur Installation HTML-Snippets<\/strong><\/a>. Gehen Sie dann zu den HTML-Snippets-Plugin-Einstellungen und klicken Sie auf \u201eNeues Snippet hinzuf\u00fcgen\u201c. Geben Sie hier den HTML-Code f\u00fcr Ihr Video oder andere Inhalte ein, die Sie nicht auf Mobilger\u00e4ten laden m\u00f6chten. Viele Seitenersteller verf\u00fcgen \u00fcber ein Videomodul, in das Sie das Video einfach einf\u00fcgen. Wenn Sie also m\u00f6chten, dass der Roh-HTML-Code ein Video ohne Plugins anzeigt, verwenden Sie eine Variation des folgenden Codes:<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

\n\t
\n\t\t
\n\t\t\t

Youtube-Videoplayer<\/strong><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

<iframe width=\u201d100%\u201d height=\u201dauto\u201d src=\u201dYOUTUBE-URL<\/strong>\u201eframeborder=\u201c0\u2033allowfullscreen><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

\n\t
\n\t\t
\n\t\t\t

Selbstgehosteter Videoplayer<\/strong><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

\n\t\t
\n\t\t\t

Denken Sie daran, die URLs f\u00fcr Ihr Video in Ihre eigene URL zu \u00e4ndern. Durch die Gr\u00f6\u00dfendimensionen \u201e100%\u201c und \u201eAuto\u201c kann Ihr Videocontainer auf Ihre Website reagieren. Wenn Sie bestimmte Abmessungen f\u00fcr das Video ben\u00f6tigen, ersetzen Sie diese Werte einfach durch die von Ihnen ben\u00f6tigten Gr\u00f6\u00dfen.<\/p>\n

Speichern Sie den Ausschnitt. Sobald Sie es gespeichert haben, nehmen Sie einfach das vorhandene Video auf aus<\/strong> der Seite selbst und ersetzen<\/strong> es mit dem Shortcode, den HTML Snippets Ihnen f\u00fcr Ihr neues Video gegeben hat. Laden Sie es jetzt hoch. Wenn alles in Ordnung ist, wird das Video auf dem Desktop angezeigt Und<\/em> Handy, Mobiltelefon.<\/p>\n

Der letzte Schritt besteht nun darin, auf der Seite, auf der sich der Inhalt befindet, zum Ende der Seite zu scrollen, auf der sich der Inhalt befindet, und den Plugin-Organizer zu deaktivieren auf dem Handy<\/strong>. \u00dcberpr\u00fcfen Sie nun noch einmal Ihr Mobiltelefon. Das Video sollte nicht da sein. Leeren Sie nun Ihre Caches und f\u00fchren Sie einen weiteren Pagespeed-Test durch. Sehen Sie, dass das Video auf dem Desktop geladen wird, aber aus Ihrem mobilen Bericht verschwunden ist \u2013 mit einer viel kleineren Seite und einer schnelleren vollst\u00e4ndigen Ladezeit!<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div>

\n

\n \n <\/span>\n <\/span>\n <\/span>\n Noch weiter gehen<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

HTML Snippets hat auch ein Schwester-Plugin namens PHP-Snippets<\/strong><\/a>. Dieses Plugin funktioniert genauso wie HTML-Snippets, Sie k\u00f6nnen also auch dieses installieren und Inhalte so erstellen, dass sie nur auf Mobilger\u00e4ten angezeigt werden und nicht auf dem Desktop geladen werden.<\/p>\n

Sie befolgen einfach genau die gleichen Anweisungen wie oben beschrieben, au\u00dfer dass Sie dieses Mal den Inhalt auf dem Desktop deaktivieren, indem Sie ihn einfach beim \u201eStandard\u201c-Laden deaktivieren und ihn bei \u201eMobil\u201c aktivieren. Mit beiden Plugins installiert<\/a> Sie haben vollst\u00e4ndige Design- und Leistungsflexibilit\u00e4t. Sie k\u00f6nnen spezifische Inhalte f\u00fcr Mobilger\u00e4te und Desktops erstellen, ohne dass der Seitenersteller absolut alles l\u00e4dt und nur ausblendet.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div>

\n

\n \n <\/span>\n <\/span>\n <\/span>\n Wo sonst ist es n\u00fctzlich?<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Ich verwende es im Allgemeinen nur f\u00fcr mobile Inhalte und schr\u00e4nke das Laden gro\u00dfer Mengen an Inhalten ein, um die mobilen Ergebnisse zu verbessern.<\/p>\n

Wie w\u00e4re es mit Skripte<\/span>?<\/p>\n

Freut mich, dass du gefragt hast! Dies ist die andere Sache, bei der Plugin Organizer wirklich hilft. Viele Plugins wie Slider Revolution verf\u00fcgen \u00fcber eine Deaktivierungsfunktion f\u00fcr Mobilger\u00e4te, aber sie deaktivieren nicht wirklich alles, was dazu f\u00fchrt, dass unn\u00f6tige Skripte geladen werden. Slider Revolution l\u00e4dt den Slider selbst nicht. aber WordPress l\u00e4dt die Skripte trotzdem selbst. Dies ist die einzige einfache M\u00f6glichkeit, diese Skripte auf Mobilger\u00e4ten vollst\u00e4ndig zu deaktivieren, wodurch viel Ladezeit gespart und die Seitengeschwindigkeit erh\u00f6ht wird.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div><\/div>

\n\t
\n\t\t
\n\t\t\t