Inpluggen Organisator
Verbergen Of laden?
Selectief laden voor mobiele apparaten
Verhoog uw mobiele laadsnelheid
Plugin Organizer verhoogt de paginasnelheid
Plug-in organisator is een zeer nuttige plug-in voor WordPress. Wat plug-ins betreft, is het erg oud, aangezien het in 2012 werd geschreven, toen responsief ontwerp nog in de kinderschoenen stond. De plug-in heeft echter de tand des tijds doorstaan en biedt de basis voor een heel goede truc waarmee websites kunnen worden gebouwd met paginabouwers zoals Elementor, DIVI of WP Bakery enz.
Wat de plug-in doet, is het laden van plug-ins op pagina's stoppen. Wat dit zo goed maakt, is dat het ook het laden van plug-ins per apparaat kan stoppen. Omdat mobiele snelheden veel langzamer zijn dan desktopsnelheden, kan dit erg handig zijn. Ook kan het helpen als een plugin niet past bij de beperkte layout van een mobiel apparaat, maar wel bij de desktop layout.
Het beperken van het laden van zware JS-plug-ins op mobiele apparaten kan een groot verschil maken voor uw paginasnelheidscores. Maar het is niet alleen het beperken van het laden dat deze plug-in zo speciaal maakt. Het heeft ook volledige flexibiliteit in combinatie met de HTML-fragmenten plug-in. Door de twee samen te gebruiken, kunt u selectief laden inhoud op desktop, maar laat het weg op mobiel.
Dit is een content-gloeilampmoment, omdat Lighthouse stopt met het rapporteren van video's wanneer je deze op mobiel hebt verborgen in de paginabuilder. Als je een video op mobiel hebt verborgen, controleer dan je mobiele scores. Wordt de video nog steeds gerapporteerd in uw mobiele rapport? Zo ja, dan leg ik hieronder uit hoe je dit kunt oplossen.
Verbergen Of laden?
Selectief laden voor mobiele apparaten
Verhoog uw mobiele laadsnelheid
Inpluggen Organisator Verhoogt de paginasnelheid
Plug-in organisator is een zeer nuttige plug-in voor WordPress. Wat plug-ins betreft, is het erg oud, aangezien het in 2012 werd geschreven, toen responsief ontwerp nog in de kinderschoenen stond. De plug-in heeft echter de tand des tijds doorstaan en biedt de basis voor een heel goede truc waarmee websites kunnen worden gebouwd met paginabouwers zoals Elementor, DIVI of WP Bakery enz.
Wat de plug-in doet, is het laden van plug-ins op pagina's stoppen. Wat dit zo goed maakt, is dat het ook het laden van plug-ins per apparaat kan stoppen. Omdat mobiele snelheden veel langzamer zijn dan desktopsnelheden, kan dit erg handig zijn. Ook kan het helpen als een plugin niet past bij de beperkte layout van een mobiel apparaat, maar wel bij de desktop layout.
Het beperken van het laden van zware JS-plug-ins op mobiele apparaten kan een groot verschil maken voor uw paginasnelheidsscores. Maar het is niet alleen het beperken van het laden dat deze plug-in zo speciaal maakt. Het heeft ook volledige flexibiliteit in combinatie met de HTML-fragmenten plug-in. Door de twee samen te gebruiken, kunt u selectief inhoud op de desktop laden, maar deze op mobiel weglaten.
Dit is een content-gloeilampmoment, omdat Lighthouse stopt met het rapporteren van video's wanneer je deze op mobiel hebt verborgen in de paginabuilder. Als je een video op mobiel hebt verborgen, controleer dan je mobiele scores. Wordt de video nog steeds gerapporteerd in uw mobiele rapport? Zo ja, dan leg ik hieronder uit hoe je dit kunt oplossen.
Plug-in organisator is een zeer nuttige plug-in voor WordPress. Wat plug-ins betreft, is het erg oud, aangezien het in 2012 werd geschreven, toen responsief ontwerp nog in de kinderschoenen stond.
De plug-in heeft echter de tand des tijds doorstaan en biedt de basis voor een heel goede truc waarmee websites kunnen worden gebouwd met paginabouwers zoals Elementor, DIVI of WP Bakery enz.
Wat de plug-in doet, is het laden van plug-ins op pagina's stoppen. Wat dit zo goed maakt, is dat het ook het laden van plug-ins per apparaat kan stoppen. Omdat mobiele snelheden veel langzamer zijn dan desktopsnelheden, kan dit erg handig zijn. Ook kan het helpen als een plugin niet past bij de beperkte layout van een mobiel apparaat, maar wel bij de desktop layout.
Het beperken van het laden van zware JS-plug-ins op mobiele apparaten kan een groot verschil maken voor uw paginasnelheidsscores. Maar het is niet alleen het beperken van het laden dat deze plug-in zo speciaal maakt. Het heeft ook volledige flexibiliteit in combinatie met de HTML-fragmenten plug-in. Door de twee samen te gebruiken, kunt u selectief inhoud op de desktop laden, maar deze op mobiel weglaten.
Dit is een content-gloeilampmoment, omdat Lighthouse stopt met het rapporteren van video's wanneer je deze op mobiel hebt verborgen in de paginabuilder. Als je een video op mobiel hebt verborgen, controleer dan je mobiele scores. Wordt de video nog steeds gerapporteerd in uw mobiele rapport? Zo ja, dan leg ik hieronder uit hoe je dit kunt oplossen.
Selectief Plug-ins laden
Dit is Hoe Versnel mobiel laden
Plugin-organizer gebruiken
Het eerste wat u moet doen is Installeer Plugin Organizer en activeer deze. Nadat u dit heeft gedaan, gaat u naar de pagina met plug-ininstellingen in uw WordPress Dashboard
De Meest belangrijk Ding
Zorg er in de instellingen voor dat 'Selectief laden' EN 'Selectief Mobiel Laden' zijn ingeschakeld. Dit geeft u controle over het laden van verschillende plug-ins op verschillende apparaten. Als je vervolgens in de plugin-instellingen naar 'Algemene instellingen' gaat, kun je zien welke plugins je sitebreed wilt laden/verwijderen. Klik gewoon op elk ervan om groen te worden voor 'aan' of rood voor 'uit'.
Een ding om op te merken is waar er 'Platform' staat. U kunt hierop klikken om te kiezen voor standaard (Desktop) of Mobiel. Klik op 'Mobiel' en stel de plug-ins afzonderlijk in om het laden alleen op mobiel uit te schakelen.
Als je vervolgens elke pagina afzonderlijk gaat bewerken en helemaal naar beneden scrollt, zie je een heleboel groene balken. Dat is de plug-in-organizer. Hier kunt u instellen dat de plug-ins alleen op die pagina worden geladen/verwijderd. Degene die je eerder wereldwijd hebt uitgeschakeld, zijn rood. Degenen die mogen laden, zijn groen. Klik gewoon op de groene balk om deze voor die pagina in of uit te schakelen. Vergeet niet om het platform te wijzigen in 'Mobiel' om de plug-in op mobiel uit te schakelen. Dit is perfect voor branding-/landingspagina's, waarbij u mogelijk grotere plug-ins heeft die u alleen voor visuele doeleinden op die pagina wilt laden.
Het is heel eenvoudig om eraan te wennen en het geeft je volledige controle over welke plug-ins je wilt laden, waar en op welke apparaten.
Combineren met HTML-fragmenten
Paginabouwers zijn geweldig omdat u hiermee gemakkelijk pagina's kunt ontwerpen. De meeste websites worden gebouwd met Elementor, DIVI of WP Bakery. Er is echter een probleem met al deze apps, en dit vertraagt het mobiel laden enorm. Het heeft te maken met pagina-inhoud en het laden ervan op mobiel. Wat er gebeurt, is dat een ontwerper een video maakt of een grote afbeelding heeft die alleen bedoeld is voor desktopapparaten. Alle pagebuilders hebben een optie om dit te verbergen. Dus je verbergt het. Hierdoor wordt de weergave ook niet meer weergegeven op mobiel. Dat zou het gewicht van de mobiele pagina moeten verminderen, omdat er geen video op staat. Rechts?
Fout!
Page Builders 'verbergen' uitsluitend de inhoud. Verbergen en laden zijn heel verschillende dingen. Als er een video op uw bureaublad wordt geladen en deze is verborgen op mobiel, voer dan een paginasnelheidstest uit. Wordt uw video nog steeds ergens op de pagina weergegeven in het rapport voor de mobiele pagina? Als dat zo is, wordt het nog steeds geladen, wat uw paginasnelheid en algehele laadtijden op mobiel ernstig schaadt.
Dit is waar HTML-fragmenten van pas komen. Het verbergen ervan verhindert niet dat het wordt geladen. Maar het gebruik van Plugin Organizer met HTML-fragmenten doet dat wel.
Hoe doe ik Doe dit?
Als u Plugin Organizer geïnstalleerd heeft, ga dan installeren HTML-fragmenten. Ga vervolgens naar de instellingen van de HTML-fragmenten-plug-in en klik op 'Nieuw fragment toevoegen'. Voer vanaf hier de HTML-code in voor uw video of andere inhoud die u niet op mobiel wilt laden. Veel pagebuilders hebben een videomodule waar je de video gewoon in plaatst, dus als je wilt dat de onbewerkte HTML een video weergeeft zonder plug-ins, gebruik dan een variant van de onderstaande code:
Youtube-videospeler
<iframe width=”100%” height=”auto” src=”YOUTUBE-URL”frameborder=”0″ allowfullscreen>
Zelfgehoste videospeler
Vergeet niet om de URL's te wijzigen in uw eigen URL voor uw video. De afmetingen '100%' en 'auto' zorgen ervoor dat uw videocontainer responsief is op uw website. Als je specifieke afmetingen hebt die je nodig hebt voor de video's, vervang dan gewoon die waarden door de maten die je nodig hebt.
Bewaar het fragment. Als je het eenmaal hebt opgeslagen, neem je gewoon de bestaande video uit van de pagina zelf, en vervangen met de shortcode die HTML Snippets je heeft gegeven voor je nieuwe video. Laad het nu op. Als alles goed is, wordt de video op het bureaublad weergegeven En mobiel.
De laatste stap nu is op de pagina waar de inhoud staat, scroll naar beneden naar de onderkant van de pagina waar de inhoud staat en schakel de plugin-organizer uit op mobiel. Controleer nu opnieuw uw mobiel. De video mag er niet zijn. Wis nu uw caches en voer nog een paginasnelheidstest uit. Zie dat de video op de desktop wordt geladen, maar uit uw mobiele rapport is verdwenen – met een veel lichtere pagina en een snellere volledig geladen tijd!
Nog verder gaan
HTML Snippets heeft ook een zusterplug-in genaamd PHP-fragmenten. Deze plug-in werkt op precies dezelfde manier als HTML-fragmenten, dus u kunt deze ook installeren en inhoud maken die alleen op mobiel wordt weergegeven en niet op de desktop wordt geladen.
U volgt gewoon precies dezelfde instructies als hierboven uitgelegd, behalve deze keer om de inhoud op de desktop uit te schakelen. Schakel deze eenvoudigweg uit bij het laden van 'Standaard' en schakel deze in op 'Mobiel'. Met beide plug-ins geïnstalleerd u beschikt over volledige ontwerp- en prestatieflexibiliteit. U kunt specifieke mobiele en desktopinhoud hebben, zonder dat de paginabuilder werkelijk alles laadt en alleen maar verbergt.
Waar is het nog meer nuttig?
Ik gebruik het over het algemeen alleen voor mobiele inhoud, waardoor het laden van grote hoeveelheden inhoud wordt beperkt om de mobiele scores te verhogen.
Hoe zit het met Scripts?
Fijn dat je het vraagt! Dit is het andere waar Plugin Organizer echt mee helpt. Veel plug-ins zoals Slider Revolution hebben een functie voor het uitschakelen van mobiele apparaten, maar ze schakelen niet echt alles uit, wat ertoe leidt dat onnodige scripts worden geladen. Slider Revolution laadt de slider zelf niet. maar WordPress laadt de scripts nog steeds zelf. Dit is de enige gemakkelijke manier om deze scripts op mobiele apparaten volledig uit te schakelen, waardoor u enorme hoeveelheden laadtijd bespaart en uw paginasnelheid verhoogt.
Plugin Organizer – Compleet!
Stap 7: Lettertype laden
Laten we die lettertypefouten verwijderen
Versnellen Mobiel
Plug-ingebruik
Het eerste wat u moet doen is Installeer Plugin Organizer en activeer deze. Nadat je dit hebt gedaan, ga je naar de pagina met plug-ininstellingen in je WordPress Dashboard
De Meest belangrijk Ding
Zorg er in de instellingen voor dat 'Selectief laden' EN 'Selectief Mobiel Laden' zijn ingeschakeld. Dit geeft u controle over het laden van verschillende plug-ins op verschillende apparaten. Als je vervolgens in de plugin-instellingen naar 'Algemene instellingen' gaat, kun je zien welke plugins je sitebreed wilt laden/verwijderen. Klik gewoon op elk ervan om groen te worden voor 'aan' of rood voor 'uit'.
Een ding om op te merken is waar er 'Platform' staat. U kunt hierop klikken om te kiezen voor standaard (Desktop) of Mobiel. Klik op 'Mobiel' en stel de plug-ins afzonderlijk in om het laden alleen op mobiel uit te schakelen.
Als je vervolgens elke pagina afzonderlijk gaat bewerken en helemaal naar beneden scrollt, zie je een heleboel groene balken. Dat is de plug-in-organizer. Hier kunt u instellen dat de plug-ins alleen op die pagina worden geladen/verwijderd. Degene die je eerder wereldwijd hebt uitgeschakeld, zijn rood. Degenen die mogen laden, zijn groen. Klik gewoon op de groene balk om deze voor die pagina in of uit te schakelen. Vergeet niet om het platform te wijzigen in 'Mobiel' om de plug-in op mobiel uit te schakelen. Dit is perfect voor branding-/landingspagina's, waarbij u mogelijk grotere plug-ins heeft die u alleen voor visuele doeleinden op die pagina wilt laden.
Het is heel eenvoudig om eraan te wennen en het geeft je volledige controle over welke plug-ins je wilt laden, waar en op welke apparaten.
HTML-fragmenten
Paginabouwers zijn geweldig omdat u hiermee gemakkelijk pagina's kunt ontwerpen. De meeste websites worden gebouwd met Elementor, DIVI of WP Bakery. Er is echter een probleem met al deze apps, en dit vertraagt het mobiel laden enorm. Het heeft te maken met pagina-inhoud en het laden ervan op mobiel. Wat er gebeurt, is dat een ontwerper een video maakt of een grote afbeelding heeft die alleen bedoeld is voor desktopapparaten. Alle pagebuilders hebben een optie om dit te verbergen. Dus je verbergt het. Hierdoor wordt de weergave ook niet meer weergegeven op mobiel. Dat zou het gewicht van de mobiele pagina moeten verminderen, omdat er geen video op staat. Rechts?
Fout!
Page Builders 'verbergen' uitsluitend de inhoud. Verbergen en laden zijn heel verschillende dingen. Als er een video op uw bureaublad wordt geladen en deze is verborgen op mobiel, voer dan een paginasnelheidstest uit. Wordt uw video nog steeds ergens op de pagina weergegeven in het rapport voor de mobiele pagina? Als dat zo is, wordt het nog steeds geladen, wat uw paginasnelheid en algehele laadtijden op mobiel ernstig schaadt.
Dit is waar HTML-fragmenten van pas komen. Het verbergen ervan verhindert niet dat het wordt geladen. Maar het gebruik van Plugin Organizer met HTML-fragmenten doet dat wel.
Hoe doe ik Doe dit?
Als u Plugin Organizer geïnstalleerd heeft, ga dan installeren HTML-fragmenten. Ga vervolgens naar de instellingen van de HTML-fragmenten-plug-in en klik op 'Nieuw fragment toevoegen'. Voer vanaf hier de HTML-code in voor uw video of andere inhoud die u niet op mobiel wilt laden. Veel pagebuilders hebben een videomodule waar je de video gewoon in plaatst, dus als je wilt dat de onbewerkte HTML een video weergeeft zonder plug-ins, gebruik dan een variant van de onderstaande code:
Youtube-videospeler
<iframe width=”100%” height=”auto” src=”YOUTUBE-URL”frameborder=”0″ allowfullscreen>
Zelfgehoste videospeler
Vergeet niet om de URL's te wijzigen in uw eigen URL voor uw video. De afmetingen '100%' en 'auto' zorgen ervoor dat uw videocontainer responsief is op uw website. Als je specifieke afmetingen hebt die je nodig hebt voor de video's, vervang dan gewoon die waarden door de maten die je nodig hebt.
Bewaar het fragment. Als je het eenmaal hebt opgeslagen, neem je gewoon de bestaande video uit van de pagina zelf, en vervangen met de shortcode die HTML Snippets je heeft gegeven voor je nieuwe video. Laad het nu op. Als alles goed is, wordt de video op het bureaublad weergegeven En mobiel.
De laatste stap nu is op de pagina waar de inhoud staat, scroll naar beneden naar de onderkant van de pagina waar de inhoud staat en schakel de plugin-organizer uit op mobiel. Controleer nu opnieuw uw mobiel. De video mag er niet zijn. Wis nu uw caches en voer nog een paginasnelheidstest uit. Zie dat de video op de desktop wordt geladen, maar uit uw mobiele rapport is verdwenen – met een veel lichtere pagina en een snellere volledig geladen tijd!
Verder gaan
HTML Snippets heeft ook een zusterplug-in genaamd PHP-fragmenten. Deze plug-in werkt op precies dezelfde manier als HTML-fragmenten, dus u kunt deze ook installeren en inhoud maken die alleen op mobiel wordt weergegeven en niet op de desktop wordt geladen.
U volgt gewoon precies dezelfde instructies als hierboven uitgelegd, behalve deze keer om de inhoud op de desktop uit te schakelen. Schakel deze eenvoudig uit bij het laden van 'Standaard' en schakel deze in op 'Mobiel'. Als beide plug-ins zijn geïnstalleerd, beschikt u over volledige ontwerp- en prestatieflexibiliteit. U kunt specifieke mobiele en desktopinhoud hebben, zonder dat de paginabuilder werkelijk alles laadt en alleen maar verbergt.
Nog iets anders?
Ik gebruik het over het algemeen alleen voor mobiele inhoud, waardoor het laden van grote hoeveelheden inhoud wordt beperkt om de mobiele scores te verhogen.
Hoe zit het met Scripts?
Fijn dat je het vraagt! Dit is het andere waar Plugin Organizer echt mee helpt. Veel plug-ins zoals Slider Revolution hebben een functie voor het uitschakelen van mobiele apparaten, maar ze schakelen niet echt alles uit, wat ertoe leidt dat onnodige scripts worden geladen. Slider Revolution laadt de slider zelf niet. maar WordPress laadt de scripts nog steeds zelf. Dit is de enige gemakkelijke manier om deze scripts op mobiele apparaten volledig uit te schakelen, waardoor u enorme hoeveelheden laadtijd bespaart en uw paginasnelheid verhoogt.
Plugin Organizer – Compleet!
Stap 7: Lettertype laden
Lettertypeproblemen opgelost!