Plugin Veranstalter
Versteckt Oder wird geladen?
Selektives Laden für mobile Geräte
Steigern Sie Ihre mobile Ladegeschwindigkeit
Plugin Organizer steigert die Seitengeschwindigkeit
Plugin-Organizer ist ein sehr nützliches Plugin für 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ährt und bietet die Grundlage für einen wirklich guten Trick, der Websites hilft, die mit Seitenerstellern wie Elementor, DIVI oder WP Bakery usw. erstellt wurden.
Das Plugin stoppt das Laden von Plugins auf Seiten. Was dies so gut macht, ist, dass es auch das Laden von Plugins pro Gerät stoppen kann. Da die Geschwindigkeit auf Mobilgeräten viel langsamer ist als auf dem Desktop, kann sich dies als sehr nützlich erweisen. Es kann auch hilfreich sein, wenn ein Plugin nicht zum eingeschränkten Layout eines Mobilgeräts passt, wohl aber zum Desktop-Layout.
Die Beschränkung des Ladens von JS-lastigen Plugins auf Mobilgeräten kann einen großen Unterschied für Sie machen Pagespeed-Scores. Aber es ist nicht nur die Einschränkung des Ladevorgangs, die dieses Plugin so besonders macht. In Kombination mit dem ist es außerdem völlig flexibel HTML-Snippets-Plugin. Wenn Sie beide zusammen verwenden, können Sie selektiv laden Inhalt auf dem Desktop, aber lassen Sie es auf Mobilgeräten weg.
Dies ist ein Aha-Moment für den Inhalt, da Lighthouse die Berichterstattung über jedes Video stoppt, wenn Sie es auf Mobilgeräten im Seitenersteller ausgeblendet haben. Wenn Sie ein Video auf Mobilgeräten ausgeblendet haben, überprüfen Sie Ihre Mobilergebnisse. Wird das Video immer noch in Ihrem mobilen Bericht gemeldet? Wenn ja, werde ich unten erklären, wie man das Problem behebt.
Versteckt Oder wird geladen?
Selektives Laden für mobile Geräte
Steigern Sie Ihre mobile Ladegeschwindigkeit
Plugin Veranstalter Steigert die Seitengeschwindigkeit
Plugin-Organizer ist ein sehr nützliches Plugin für 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ährt und bietet die Grundlage für einen wirklich guten Trick, der Websites hilft, die mit Seitenerstellern wie Elementor, DIVI oder WP Bakery usw. erstellt wurden.
Das Plugin stoppt das Laden von Plugins auf Seiten. Was dies so gut macht, ist, dass es auch das Laden von Plugins pro Gerät stoppen kann. Da die Geschwindigkeit auf Mobilgeräten viel langsamer ist als auf dem Desktop, kann sich dies als sehr nützlich erweisen. Es kann auch hilfreich sein, wenn ein Plugin nicht zum eingeschränkten Layout eines Mobilgeräts passt, wohl aber zum Desktop-Layout.
Die Beschränkung des Ladens von JS-lastigen Plugins auf mobilen Geräten kann einen großen Unterschied bei Ihren Pagespeed-Scores machen. Aber es ist nicht nur die Einschränkung des Ladevorgangs, die dieses Plugin so besonders macht. In Kombination mit dem ist es außerdem völlig flexibel HTML-Snippets-Plugin. Wenn Sie beide zusammen verwenden, können Sie Inhalte gezielt auf den Desktop laden, sie aber auf Mobilgeräten weglassen.
Dies ist ein Aha-Moment für den Inhalt, da Lighthouse die Berichterstattung über jedes Video stoppt, wenn Sie es auf Mobilgeräten im Seitenersteller ausgeblendet haben. Wenn Sie ein Video auf Mobilgeräten ausgeblendet haben, überprüfen Sie Ihre Mobilergebnisse. Wird das Video immer noch in Ihrem mobilen Bericht gemeldet? Wenn ja, werde ich unten erklären, wie man das Problem behebt.
Plugin-Organizer ist ein sehr nützliches Plugin für 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ährt und bietet die Grundlage für einen wirklich guten Trick, der Websites hilft, die mit Seitenerstellern wie Elementor, DIVI oder WP Bakery usw. erstellt wurden.
Das Plugin stoppt das Laden von Plugins auf Seiten. Was dies so gut macht, ist, dass es auch das Laden von Plugins pro Gerät stoppen kann. Da die Geschwindigkeit auf Mobilgeräten viel langsamer ist als auf dem Desktop, kann sich dies als sehr nützlich erweisen. Es kann auch hilfreich sein, wenn ein Plugin nicht zum eingeschränkten Layout eines Mobilgeräts passt, wohl aber zum Desktop-Layout.
Die Beschränkung des Ladens von JS-lastigen Plugins auf mobilen Geräten kann einen großen Unterschied bei Ihren Pagespeed-Scores machen. Aber es ist nicht nur die Einschränkung des Ladevorgangs, die dieses Plugin so besonders macht. In Kombination mit dem ist es außerdem völlig flexibel HTML-Snippets-Plugin. Wenn Sie beide zusammen verwenden, können Sie Inhalte gezielt auf den Desktop laden, sie aber auf Mobilgeräten weglassen.
Dies ist ein Aha-Moment für den Inhalt, da Lighthouse die Berichterstattung über jedes Video stoppt, wenn Sie es auf Mobilgeräten im Seitenersteller ausgeblendet haben. Wenn Sie ein Video auf Mobilgeräten ausgeblendet haben, überprüfen Sie Ihre Mobilergebnisse. Wird das Video immer noch in Ihrem mobilen Bericht gemeldet? Wenn ja, werde ich unten erklären, wie man das Problem behebt.
Selektiv Plugins laden
Das ist Wie man Beschleunigen Sie das Laden auf Mobilgeräten
Verwenden des Plugin Organizers
Das erste, was zu tun ist, ist Installieren Sie den Plugin Organizer und aktivieren Sie es. Nachdem Sie dies getan haben, gehen Sie zur Seite mit den Plugin-Einstellungen in Ihrem WordPress Armaturenbrett
Der Am wichtigsten Ding
Stellen Sie in den Einstellungen sicher, dass „Selektives Laden“ UND „Selektives mobiles Laden“ ist eingeschaltet. Dadurch haben Sie die Kontrolle über das Laden verschiedener Plugins auf verschiedenen Geräten. Wenn Sie dann in den Plugin-Einstellungen auf „Globale Einstellungen“ gehen, können Sie sehen, welche Plugins Sie siteweit laden/entladen möchten. Klicken Sie einfach auf jedes einzelne, um grün für „Ein“ oder rot für „Aus“ zu werden.
Hier ist zu beachten, wo „Plattform“ steht. Sie können darauf klicken, um zwischen Standard (Desktop) und Mobil zu wechseln. Klicken Sie auf „Mobil“ und stellen Sie die Plugins individuell so ein, dass das Laden nur auf Mobilgeräten deaktiviert wird.
Wenn Sie dann jede Seite einzeln bearbeiten und ganz nach unten scrollen, sehen Sie eine Menge grüner Balken. Das ist der Plugin-Organizer. Hier können 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ürfen, sind grün. Klicken Sie einfach auf die grüne Leiste, um es für diese Seite zu aktivieren/deaktivieren. Denken Sie daran, die Plattform auf „Mobil“ zu ändern, um das Plugin auf Mobilgeräten zu deaktivieren. Dies eignet sich perfekt für Branding-/Landingpages, bei denen Sie möglicherweise einige größere Plugins haben, die Sie nur zu visuellen Zwecken auf die Seite laden möchten.
Es ist sehr einfach, sich daran zu gewöhnen, und Sie haben die vollständige Kontrolle darüber, welche Plugins Sie wo und auf welchen Geräten laden möchten.
Kombinieren mit HTML-Snippets
Page Builder sind großartig, da sie Ihnen die einfache Gestaltung von Seiten ermöglichen. Die meisten Websites werden mit Elementor, DIVI oder WP Bakery erstellt. Allerdings gibt es bei allen ein Problem, das das Laden auf Mobilgeräten erheblich verlangsamt. Es geht um den Seiteninhalt und dessen Laden auf Mobilgeräten. Was passiert, ist, dass ein Designer ein Video erstellt oder ein großes Bild hat, das nur für Desktop-Geräte gedacht ist. Alle Pagebuilder haben die Möglichkeit, dies auszublenden. Also versteckst du es. Dadurch wird es auch nicht mehr auf Mobilgeräten angezeigt. Dadurch sollte die Gewichtung der mobilen Seite verringert werden, da kein Video darauf vorhanden ist. Rechts?
Falsch!
Page Builder „verstecken“ lediglich den Inhalt. Verstecken und Laden sind sehr unterschiedliche Dinge. Wenn auf Ihrem Desktop ein Video geladen wird und Sie es auf Mobilgeräten ausgeblendet haben, führen Sie einen Pagespeed-Test durch. Wird Ihr Video im mobilen Seitenbericht immer noch irgendwo auf der Seite aufgeführt? Wenn ja, lädt es immer noch, was Ihre Seitengeschwindigkeit und die Gesamtladezeit auf Mobilgeräten erheblich beeinträchtigt.
Hier kommen HTML-Snippets ins Spiel. Durch das Ausblenden wird der Ladevorgang nicht gestoppt. Die Verwendung von Plugin Organizer mit HTML-Snippets funktioniert jedoch.
Wie mache ich Mach das?
Wenn Sie Plugin Organizer installiert haben, gehen Sie zur Installation HTML-Snippets. Gehen Sie dann zu den HTML-Snippets-Plugin-Einstellungen und klicken Sie auf „Neues Snippet hinzufügen“. Geben Sie hier den HTML-Code für Ihr Video oder andere Inhalte ein, die Sie nicht auf Mobilgeräten laden möchten. Viele Seitenersteller verfügen über ein Videomodul, in das Sie das Video einfach einfügen. Wenn Sie also möchten, dass der Roh-HTML-Code ein Video ohne Plugins anzeigt, verwenden Sie eine Variation des folgenden Codes:
Youtube-Videoplayer
<iframe width=”100%” height=”auto” src=”YOUTUBE-URL„frameborder=“0″allowfullscreen>
Selbstgehosteter Videoplayer
Denken Sie daran, die URLs für Ihr Video in Ihre eigene URL zu ändern. Durch die Größendimensionen „100%“ und „Auto“ kann Ihr Videocontainer auf Ihre Website reagieren. Wenn Sie bestimmte Abmessungen für das Video benötigen, ersetzen Sie diese Werte einfach durch die von Ihnen benötigten Größen.
Speichern Sie den Ausschnitt. Sobald Sie es gespeichert haben, nehmen Sie einfach das vorhandene Video auf aus der Seite selbst und ersetzen es mit dem Shortcode, den HTML Snippets Ihnen für Ihr neues Video gegeben hat. Laden Sie es jetzt hoch. Wenn alles in Ordnung ist, wird das Video auf dem Desktop angezeigt Und Handy, Mobiltelefon.
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. Überprüfen Sie nun noch einmal Ihr Mobiltelefon. Das Video sollte nicht da sein. Leeren Sie nun Ihre Caches und führen Sie einen weiteren Pagespeed-Test durch. Sehen Sie, dass das Video auf dem Desktop geladen wird, aber aus Ihrem mobilen Bericht verschwunden ist – mit einer viel kleineren Seite und einer schnelleren vollständigen Ladezeit!
Noch weiter gehen
HTML Snippets hat auch ein Schwester-Plugin namens PHP-Snippets. Dieses Plugin funktioniert genauso wie HTML-Snippets, Sie können also auch dieses installieren und Inhalte so erstellen, dass sie nur auf Mobilgeräten angezeigt werden und nicht auf dem Desktop geladen werden.
Sie befolgen einfach genau die gleichen Anweisungen wie oben beschrieben, außer dass Sie dieses Mal den Inhalt auf dem Desktop deaktivieren, indem Sie ihn einfach beim „Standard“-Laden deaktivieren und ihn bei „Mobil“ aktivieren. Mit beiden Plugins installiert Sie haben vollständige Design- und Leistungsflexibilität. Sie können spezifische Inhalte für Mobilgeräte und Desktops erstellen, ohne dass der Seitenersteller absolut alles lädt und nur ausblendet.
Wo sonst ist es nützlich?
Ich verwende es im Allgemeinen nur für mobile Inhalte und schränke das Laden großer Mengen an Inhalten ein, um die mobilen Ergebnisse zu verbessern.
Wie wäre es mit Skripte?
Freut mich, dass du gefragt hast! Dies ist die andere Sache, bei der Plugin Organizer wirklich hilft. Viele Plugins wie Slider Revolution verfügen über eine Deaktivierungsfunktion für Mobilgeräte, aber sie deaktivieren nicht wirklich alles, was dazu führt, dass unnötige Skripte geladen werden. Slider Revolution lädt den Slider selbst nicht. aber WordPress lädt die Skripte trotzdem selbst. Dies ist die einzige einfache Möglichkeit, diese Skripte auf Mobilgeräten vollständig zu deaktivieren, wodurch viel Ladezeit gespart und die Seitengeschwindigkeit erhöht wird.
Plugin Organizer – Fertig!
Schritt 7: Laden der Schriftart
Lassen Sie uns diese Schriftartfehler beseitigen
Beschleunigen Handy, Mobiltelefon
Plugin-Nutzung
Das erste, was zu tun ist, ist Installieren Sie den Plugin Organizer und aktivieren Sie es. Nachdem Sie dies getan haben, gehen Sie zur Seite mit den Plugin-Einstellungen in Ihrem WordPress-Dashboard
Der Am wichtigsten Ding
Stellen Sie in den Einstellungen sicher, dass „Selektives Laden“ UND „Selektives mobiles Laden“ ist eingeschaltet. Dadurch haben Sie die Kontrolle über das Laden verschiedener Plugins auf verschiedenen Geräten. Wenn Sie dann in den Plugin-Einstellungen auf „Globale Einstellungen“ gehen, können Sie sehen, welche Plugins Sie siteweit laden/entladen möchten. Klicken Sie einfach auf jedes einzelne, um grün für „Ein“ oder rot für „Aus“ zu werden.
Hier ist zu beachten, wo „Plattform“ steht. Sie können darauf klicken, um zwischen Standard (Desktop) und Mobil zu wechseln. Klicken Sie auf „Mobil“ und stellen Sie die Plugins individuell so ein, dass das Laden nur auf Mobilgeräten deaktiviert wird.
Wenn Sie dann jede Seite einzeln bearbeiten und ganz nach unten scrollen, sehen Sie eine Menge grüner Balken. Das ist der Plugin-Organizer. Hier können 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ürfen, sind grün. Klicken Sie einfach auf die grüne Leiste, um es für diese Seite zu aktivieren/deaktivieren. Denken Sie daran, die Plattform auf „Mobil“ zu ändern, um das Plugin auf Mobilgeräten zu deaktivieren. Dies eignet sich perfekt für Branding-/Landingpages, bei denen Sie möglicherweise einige größere Plugins haben, die Sie nur zu visuellen Zwecken auf die Seite laden möchten.
Es ist sehr einfach, sich daran zu gewöhnen, und Sie haben die vollständige Kontrolle darüber, welche Plugins Sie wo und auf welchen Geräten laden möchten.
HTML-Snippets
Page Builder sind großartig, da sie Ihnen die einfache Gestaltung von Seiten ermöglichen. Die meisten Websites werden mit Elementor, DIVI oder WP Bakery erstellt. Allerdings gibt es bei allen ein Problem, das das Laden auf Mobilgeräten erheblich verlangsamt. Es geht um den Seiteninhalt und dessen Laden auf Mobilgeräten. Was passiert, ist, dass ein Designer ein Video erstellt oder ein großes Bild hat, das nur für Desktop-Geräte gedacht ist. Alle Pagebuilder haben die Möglichkeit, dies auszublenden. Also versteckst du es. Dadurch wird es auch nicht mehr auf Mobilgeräten angezeigt. Dadurch sollte die Gewichtung der mobilen Seite verringert werden, da kein Video darauf vorhanden ist. Rechts?
Falsch!
Page Builder „verstecken“ lediglich den Inhalt. Verstecken und Laden sind sehr unterschiedliche Dinge. Wenn auf Ihrem Desktop ein Video geladen wird und Sie es auf Mobilgeräten ausgeblendet haben, führen Sie einen Pagespeed-Test durch. Wird Ihr Video im mobilen Seitenbericht immer noch irgendwo auf der Seite aufgeführt? Wenn ja, lädt es immer noch, was Ihre Seitengeschwindigkeit und die Gesamtladezeit auf Mobilgeräten erheblich beeinträchtigt.
Hier kommen HTML-Snippets ins Spiel. Durch das Ausblenden wird der Ladevorgang nicht gestoppt. Die Verwendung von Plugin Organizer mit HTML-Snippets funktioniert jedoch.
Wie mache ich Mach das?
Wenn Sie Plugin Organizer installiert haben, gehen Sie zur Installation HTML-Snippets. Gehen Sie dann zu den HTML-Snippets-Plugin-Einstellungen und klicken Sie auf „Neues Snippet hinzufügen“. Geben Sie hier den HTML-Code für Ihr Video oder andere Inhalte ein, die Sie nicht auf Mobilgeräten laden möchten. Viele Seitenersteller verfügen über ein Videomodul, in das Sie das Video einfach einfügen. Wenn Sie also möchten, dass der Roh-HTML-Code ein Video ohne Plugins anzeigt, verwenden Sie eine Variation des folgenden Codes:
Youtube-Videoplayer
<iframe width=”100%” height=”auto” src=”YOUTUBE-URL„frameborder=“0″allowfullscreen>
Selbstgehosteter Videoplayer
Denken Sie daran, die URLs für Ihr Video in Ihre eigene URL zu ändern. Durch die Größendimensionen „100%“ und „Auto“ kann Ihr Videocontainer auf Ihre Website reagieren. Wenn Sie bestimmte Abmessungen für das Video benötigen, ersetzen Sie diese Werte einfach durch die von Ihnen benötigten Größen.
Speichern Sie den Ausschnitt. Sobald Sie es gespeichert haben, nehmen Sie einfach das vorhandene Video auf aus der Seite selbst und ersetzen es mit dem Shortcode, den HTML Snippets Ihnen für Ihr neues Video gegeben hat. Laden Sie es jetzt hoch. Wenn alles in Ordnung ist, wird das Video auf dem Desktop angezeigt Und Handy, Mobiltelefon.
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. Überprüfen Sie nun noch einmal Ihr Mobiltelefon. Das Video sollte nicht da sein. Leeren Sie nun Ihre Caches und führen Sie einen weiteren Pagespeed-Test durch. Sehen Sie, dass das Video auf dem Desktop geladen wird, aber aus Ihrem mobilen Bericht verschwunden ist – mit einer viel kleineren Seite und einer schnelleren vollständigen Ladezeit!
Weitergehen
HTML Snippets hat auch ein Schwester-Plugin namens PHP-Snippets. Dieses Plugin funktioniert genauso wie HTML-Snippets, Sie können also auch dieses installieren und Inhalte so erstellen, dass sie nur auf Mobilgeräten angezeigt werden und nicht auf dem Desktop geladen werden.
Sie befolgen einfach genau die gleichen Anweisungen wie oben beschrieben, außer dass Sie dieses Mal den Inhalt auf dem Desktop deaktivieren, indem Sie ihn einfach beim „Standard“-Laden deaktivieren und ihn bei „Mobil“ aktivieren. Wenn beide Plugins installiert sind, haben Sie vollständige Design- und Leistungsflexibilität. Sie können spezifische Inhalte für Mobilgeräte und Desktops erstellen, ohne dass der Seitenersteller absolut alles lädt und nur ausblendet.
Irgendetwas anderes?
Ich verwende es im Allgemeinen nur für mobile Inhalte und schränke das Laden großer Mengen an Inhalten ein, um die mobilen Ergebnisse zu verbessern.
Wie wäre es mit Skripte?
Freut mich, dass du gefragt hast! Dies ist die andere Sache, bei der Plugin Organizer wirklich hilft. Viele Plugins wie Slider Revolution verfügen über eine Deaktivierungsfunktion für Mobilgeräte, aber sie deaktivieren nicht wirklich alles, was dazu führt, dass unnötige Skripte geladen werden. Slider Revolution lädt den Slider selbst nicht. aber WordPress lädt die Skripte trotzdem selbst. Dies ist die einzige einfache Möglichkeit, diese Skripte auf Mobilgeräten vollständig zu deaktivieren, wodurch viel Ladezeit gespart und die Seitengeschwindigkeit erhöht wird.
Plugin Organizer – Fertig!
Schritt 7: Laden der Schriftart
Schriftartenprobleme gelöst!