{"id":24057,"date":"2024-01-07T12:28:10","date_gmt":"2024-01-07T12:28:10","guid":{"rendered":"https:\/\/yorkshiredesign.co.uk\/?page_id=24057"},"modified":"2025-04-17T11:29:17","modified_gmt":"2025-04-17T10:29:17","slug":"activa-opruimen-pro","status":"publish","type":"page","link":"https:\/\/yorkshiredesign.co.uk\/nl\/gids-voor-paginasnelheid\/activa-opruimen-pro\/","title":{"rendered":"Asset Cleanup Pro"},"content":{"rendered":"
<\/span><\/div><\/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

Controle Bezig met laden<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

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

Asset Cleanup Pro is de sleutel tot goede optimalisatie<\/p>\n

Krijg opnieuw controle over uw website<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n Pro-versie downloaden<\/span>\n \t

\n\t \t\n\t \t\t\n\t \t\t\tPro-versie downloaden\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><\/div><\/div><\/div><\/div>
\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Wat is Opschonen van activa<\/span> Pro?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

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

Asset Cleanup Pro is een WordPress-plug-in die een optimalisatietoolbox is. Het bevat veel functies waarmee u uw website tot op het kleinste niveau kunt optimaliseren. Er zijn vergelijkbare tools beschikbaar die gemakkelijker te gebruiken zijn, zoals Hummingbird of Autoptimize, maar geen enkele heeft de functionaliteit die Asset Cleanup Pro heeft.<\/p>\n

Er zijn een overvloed aan opties waar ik hier op zal ingaan. Ik zal geen echte gebruikershandleiding geven, maar er is een goede videogids die je de belangrijkste functies laat zien. Je kunt ook de Gebruikersdocumentatie voor het opschonen van activa<\/strong><\/a>\u00a0dus het heeft geen zin om het te herschrijven. Wel geef ik je een schriftelijk overzicht van de functies en wat je moet doen om je website te versnellen.<\/p>\n

Het belangrijkste is om te weten dat u met \u00e9\u00e9n klik optimalisaties voor de hele site kunt instellen en programma's pagina voor pagina kunt optimaliseren. Dit is waar het tot zijn recht komt. U kunt scripts verwijderen die u op bepaalde pagina's niet gebruikt, waardoor het totale paginagewicht wordt verminderd.<\/p>\n

Bij het optimaliseren kun je dit het beste doen Chrome-incognitomodus<\/strong><\/a> en wis uw caches bij elke wijziging. Zo ziet u in uw browser de meest actuele versies van uw website. Vergeet ook niet uw website te controleren als u ingelogd bent uit<\/u> van WordPress. De cache treedt soms pas in werking als u volledig bent uitgelogd. Als Asset Cleanup Pro iets in de cache opslaat en u ziet het niet, dan realiseert u zich misschien niet dat er code kapot is.<\/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

Controle Bezig met laden<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

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

Asset Cleanup Pro is de sleutel tot goede optimalisatie<\/p>\n

Krijg opnieuw controle over uw website<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n Pro-versie downloaden<\/span>\n \t

\n\t \t\n\t \t\t\n\t \t\t\tPro-versie downloaden\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

Wat is Opschonen van activa<\/span> Pro?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

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

Asset Cleanup Pro is een WordPress-plug-in die een optimalisatietoolbox is. Het bevat veel functies waarmee u uw website tot op het kleinste niveau kunt optimaliseren. Er zijn vergelijkbare tools beschikbaar die gemakkelijker te gebruiken zijn, zoals Hummingbird of Autoptimize, maar geen enkele heeft de functionaliteit die Asset Cleanup Pro heeft.<\/p>\n

Er zijn een overvloed aan opties waar ik hier op zal ingaan. Ik zal geen echte gebruikershandleiding geven, maar er is een goede videogids die je de belangrijkste functies laat zien. Je kunt ook de Gebruikersdocumentatie voor het opschonen van activa<\/strong><\/a>\u00a0dus het heeft geen zin om het te herschrijven. Wel geef ik je een schriftelijk overzicht van de functies en wat je moet doen om je website te versnellen.<\/p>\n

Het belangrijkste is om te weten dat u met \u00e9\u00e9n klik optimalisaties voor de hele site kunt instellen en programma's pagina voor pagina kunt optimaliseren. Dit is waar het tot zijn recht komt. U kunt scripts verwijderen die u op bepaalde pagina's niet gebruikt, waardoor het totale paginagewicht wordt verminderd.<\/p>\n

Bij het optimaliseren kun je dit het beste doen Chrome-incognitomodus<\/strong><\/a> en wis uw caches bij elke wijziging. Zo ziet u in uw browser de meest actuele versies van uw website. Vergeet ook niet uw website te controleren als u ingelogd bent uit<\/u> van WordPress. De cache treedt soms pas in werking als u volledig bent uitgelogd. Als Asset Cleanup Pro iets in de cache opslaat en u ziet het niet, dan realiseert u zich misschien niet dat er code kapot is.<\/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

Wat is Opschonen van activa<\/span> Pro?<\/h1>\n\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

Asset Cleanup Pro is een WordPress-plug-in die een optimalisatietoolbox is. Het bevat veel functies waarmee u uw website tot op het kleinste niveau kunt optimaliseren.<\/p>\n

Er zijn vergelijkbare tools beschikbaar die gemakkelijker te gebruiken zijn, zoals Hummingbird of Autoptimize, maar geen enkele heeft de functionaliteit die Asset Cleanup Pro<\/strong><\/a> heeft.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

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

Er zijn een overvloed aan opties waar ik hier op zal ingaan. Ik zal geen echte gebruikershandleiding geven, maar er is een goede videogids die je de belangrijkste functies laat zien. Je kunt ook de Gebruikersdocumentatie voor het opschonen van activa<\/strong><\/a>\u00a0dus het heeft geen zin om het te herschrijven. Wel geef ik je een schriftelijk overzicht van de functies en wat je moet doen om je website te versnellen.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

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

Het belangrijkste is om te weten dat u met \u00e9\u00e9n klik optimalisaties voor de hele site kunt instellen en programma's pagina voor pagina kunt optimaliseren. Dit is waar het tot zijn recht komt. U kunt scripts verwijderen die u op bepaalde pagina's niet gebruikt, waardoor het totale paginagewicht wordt verminderd.<\/p>\n

Bij het optimaliseren kun je dit het beste doen Chrome-incognitomodus<\/strong><\/a> en wis uw caches bij elke wijziging. Zo ziet u in uw browser de meest actuele versies van uw website.<\/p>\n

Vergeet ook niet uw website te controleren als u ingelogd bent uit<\/u> van WordPress. De cache treedt soms pas in werking als u volledig bent uitgelogd. Als Asset Cleanup Pro iets in de cache opslaat en u ziet het niet, dan realiseert u zich misschien niet dat er code kapot is.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t\n\t\t
\n\t\t\t\"Asset<\/a>\n\t\t<\/figure>\n\t<\/div>\n
\n Pro-versie downloaden<\/span>\n \t
\n\t \t\n\t \t\t\n\t \t\t\tPro-versie downloaden\t\t\t\t<\/span>\t\n\t \t<\/span>\n\t \t\t \t
<\/div>\n\t <\/div>\n\t<\/a><\/div><\/div><\/div><\/div> <\/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

Kenmerken en voordelen van Asset Cleanup Pro<\/span><\/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

Hoe Optimaliseer<\/span> Jouw website<\/h2>\n\n\t\t<\/div>\n\t<\/div>\n
\n
\n

\n \n <\/span>\n <\/span>\n <\/span>\n Kijk nog eens naar uw website<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Het eerste dat u moet doen, is er logisch naar kijken. Zijn er bepaalde functies die u wilt behouden of weglaten? Zijn er plug-ins actief op een pagina die daar niet hoeven te zijn?<\/p>\n

Geef mij Een voorbeeld<\/span><\/p>\n

Contactformulieren zijn gebruikelijk. Veel mensen hebben ze in de voettekst of overal verspreid. Heb je dit echt nodig? Als iemand contact met u opneemt, gaat dat naar de contactpagina. Het komt zelden voor dat iemand een contactformulier in de voettekst gebruikt, dus waarom zou het daar staan?<\/p>\n

contactformulierscripts zijn behoorlijk zwaar \u2013 over het algemeen 50 kb-80 kb en beladen met CSS. Nu dwingt dat kleine formulier in uw voettekst de pagina om die scripts te laden bij elke pagina die wordt geladen. Zou het niet beter zijn om uw contactformulieren op \u00e9\u00e9n logische pagina te hebben, en alleen op die ene pagina de contactscripts te laden?<\/p>\n

Dit is het soort dingen waar optimalisatie over gaat. Met Asset Cleanup Pro kunt u naar uw 'Neem contact met ons op<\/a>' pagina en verwijder de contactformulierscripts voor de hele site, behalve die ene pagina. U heeft nu 50-80 kb aan paginagewicht bespaard door uw contactformulieren logischer in te delen.<\/p>\n

Kan ik Doe dit<\/span> Met alle scripts?<\/p>\n

Ja, vrijwel. Ook met branding is het erg handig. Vaak betekent paginasnelheid dat u uw website een beetje terugbrengt. Maar uw merk kan afhankelijk zijn van het uiterlijk en de functies die u op uw website heeft. Denk dus na over de structuur van uw website met branding in gedachten. Maak pagina's die eenvoudiger zijn, zoals deze pagina, en maak vervolgens pagina's met uw merk erop, zoals de mijne Startpagina<\/strong><\/a>.<\/p>\n

Zolang uw landingspagina\u2019s maar geoptimaliseerd zijn, is dat eigenlijk het enige dat telt. Offer branding nooit op voor paginasnelheid. Het zorgt er alleen maar voor dat uw website er vreselijk uitziet als u hem steeds verder uitkleedt. Op de desktop is het vrij eenvoudig om 90% te overschrijden op Google Insights, maar op mobiel is het een ander verhaal. De criteria zijn veel strenger omdat de gegevens afhankelijk zijn van gesimuleerde 4G-netwerksnelheden. Wees er niet door geobsedeerd. Zolang het snel laadt en een mobiele score heeft in de jaren 70, komt alles goed. Voor de duidelijkheid: de wereldwijde gemiddelde score op het moment van schrijven is 38% op mobiel.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div>

\n

\n \n <\/span>\n <\/span>\n <\/span>\n CSS \/ JS uitstellen en vooraf laden<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Code uitstellen betekent dat een stukje code later in het proces wordt geladen. Vooraf laden of async betekent dat het zo snel mogelijk naast andere bestanden wordt geladen. Bij asynchroon laden verwerkt de browser de bestanden samen met andere bestanden om weergaveblokkering te voorkomen. Als u het uitstelt, wordt het helemaal niet geladen tot het einde van het laadproces.<\/p>\n

Krijgen A<\/a> goede paginasnelheidsscore en snelle laadtijden, moet u het laden van scripts die niet meteen nodig zijn, uitstellen. Waar jij op focust is \u2018above the fold\u2019 inhoud<\/a>. Dat wil zeggen wat u ziet wanneer u de pagina voor het eerst laadt. U hoeft niets in de voettekst of afbeeldingen verderop op de pagina te laden \u2013 alleen de inhoud bovenaan.<\/p>\n

Dit is waar het verwarrend kan worden, omdat het niet altijd is wat je ziet dat moet worden geladen. Het kan bijvoorbeeld zijn dat u bepaalde JS-routines heeft die afhankelijk zijn van een ander bestand. Dit betekent dat het 'ouder' JS-bestand moet worden geladen om de onderliggende JS-subroutine te laten werken. Een veel voorkomende melding in de Google Insights-rapporten is de JQUERY<\/strong> bestand. Dit is een raamwerkbestand waarvan veel andere JS-bestanden afhankelijk zijn om te werken. U kunt proberen het te verwijderen, maar de kans is groot dat u fouten krijgt. Mijn advies is om die geladen te houden en jezelf veel hoofdpijn te besparen. Je kunt nog steeds hoge scores behalen als het wordt geladen.<\/p>\n

Vooraf laden heeft soortgelijke problemen. Het is geweldig dat de bestanden worden geladen als niet-renderblokkering, maar de sleutel hier is dat de bestanden samen met andere bestanden worden gedownload. Dit geldt vooral voor JS-bestanden en kan enkele problemen veroorzaken. Dit komt opnieuw door afhankelijkheden. Als het bovenliggende JS-bestand nog niet is gedownload voordat het onderliggende script is begonnen met downloaden, kan het onderliggende script niet functioneren en fouten veroorzaken.<\/p>\n

Hetzelfde kan gezegd worden van CSS-bestanden, maar dit zal geen kernfouten veroorzaken, maar eerder lay-outproblemen. De meeste thema's hebben een kernmodulebestand en dit bevat de meeste CSS-code die de bouwstenen van uw website vormen. Dit bestand moet geladen blijven om fouten te voorkomen en lay-out verschuiving<\/a> problemen, en het is normaal gesproken behoorlijk groot. Dit is waar kritische CSS en preloading om de hoek komen kijken, maar daar zullen we op ingaan Snel laden<\/a><\/strong> bladzijde.<\/p>\n

Het enige dat u dus moet doen, is de video bekijken, vervolgens pagina voor pagina gaan en de vakjes aanvinken om het bestand vanaf elke pagina uit te stellen of vooraf te laden. Als het iets is dat u helemaal niet hoeft te laden, vink dan het vakje aan om het voor de hele site te verwijderen, zodat het op alle pagina's wordt verwijderd. Voer slechts \u00e9\u00e9n of twee codes tegelijk uit, wis de cache en controleer deze. Als je er te veel doet en het gaat kapot, dan wordt het een beetje speurwerk om te zien welke de website kapot heeft gemaakt!<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div>

\n

\n \n <\/span>\n <\/span>\n <\/span>\n De basisprincipes van optimaliseren<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Het wijzigen van de laadvolgorde met Asset Cleanup Pro is een van de basisprincipes van het optimaliseren van uw website. Het is echter de meest tijdrovende fase in het paginasnelheidsproces. Een goede tip is om met uw plug-ins te werken voordat u de themabestanden aanpakt. Dit komt omdat het gemakkelijk is om te zien welke plug-ins op de pagina worden geladen en om te beoordelen of u de bestanden nodig heeft of niet. Sommige themafuncties kunnen minder voor de hand liggend zijn en het zijn de themabestanden die vaak de meeste fouten veroorzaken. Mogelijk hoeft u niets op de hele website te laden, afgezien van \u00e9\u00e9n cruciale pagina \u2013 en het is gemakkelijk om een pictogram te missen dat niet is geladen, of een carrousel die ontbreekt, enz.<\/p>\n

Dus Zal ik<\/span> Doen?<\/p>\n

Zoals gezegd zijn er vele fasen in de optimalisatie, en dit is de eerste. Gelukkig is het ook het meest complex. Zodra u uw plug-ins alleen hebt geladen waar ze moeten zijn en u tevreden bent dat alles werkt, zou ik een nieuwe back-up van de site maken. Doe dan een paginasnelheid<\/a> test om een score te krijgen, noteer deze en ga naar een andere fase die u hindert in het Insights-rapport. Probeer misschien de beeldoptimalisatie of plug-in organisator<\/a> truc als er zware inhoud op mobiel wordt geladen.<\/p>\n

Een andere kleine tip die vooral handig is bij het uitstellen van JS-bestanden is door met de rechtermuisknop op het Chrome-venster te klikken en op 'Inspecteren' te klikken. Er verschijnt een venster waarin alle code op uw scherm wordt geladen. Vernieuw nu de webpagina. Als u bovenaan het Chrome-codevenster een klein rood pictogram met een kruis ziet, klikt u erop. Dit zal u informeren over eventuele fouten op de pagina. Kijk wat de fout is en vergelijk deze met de bestandsnamen op uw pagina. Reset wat je het laatst hebt gedaan (of stop met het uitstellen van JQUERY als je dat hebt geprobeerd). Vernieuw de webpagina en kijk of de fout is verdwenen. Als het voorbij is, weet u dat u dat specifieke dossier niet mag uitstellen.<\/p>\n

Probeer niet alles in \u00e9\u00e9n keer te doen. Ga er rustig mee aan de slag, doe de plug-ins en vervolgens het thema zelf zodra u vertrouwd bent met de gebruikersinterface van Asset Cleanup.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div>

\n

\n \n <\/span>\n <\/span>\n <\/span>\n Kernfuncties uitladen<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Aan het begin van de video zul je merken dat de host het heeft over het verwijderen van de belangrijkste WordPress-functies. Besteed hier bijzondere aandacht aan, want dit is een kenmerk van Asset Cleanup Pro dat u nergens anders zult vinden. Hiermee kunt u ongebruikte kerncode verwijderen die het gewicht van uw website aanzienlijk kan verminderen.<\/p>\n

WordPress is zo groot dat we zelden zoiets nodig hebben als alles wat het te bieden heeft, dus laten we dat beperken. Asset Cleanup Pro maakt dit proces zo eenvoudig, omdat u alleen maar naar het beheerdersgedeelte van de plug-in hoeft te gaan en kleine tuimelschakelaars de functies in- en uitschakelen. Geen codering vereist!<\/p>\n

Wat doet Elke functie<\/span> Doen?<\/p>\n

Met het laden van het lettertype gaan we daar op in zodra we bij de OMGF<\/a><\/strong> bladzijde. Zodra we klaar zijn met het downloaden van de lettertypen naar de server, kunnen we via Asset Cleanup Pro alle uitgaande oproepen naar Google Fonts blokkeren. Het enige dat u hoeft te doen, is op Geavanceerd klikken en het vakje aanvinken. Doe het nog niet, want het laadt alleen standaardsysteemlettertypen die er vreselijk uitzien!<\/p>\n

Een snelle tip over lettertypen<\/strong><\/p>\n

Gebruik in de thema-opties zo min mogelijk lettertypen. U kunt verschillende lettertypegewichten gebruiken voor koppen enz., maar gebruik geen verschillende typen. Lettertypebestanden zijn groot en het kiezen van \u00e9\u00e9n effen lettertype ziet er niet alleen consistent uit, maar komt ook de snelheid ten goede.<\/p>\n

De meeste mensen kunnen de XML-RPC Pingback-service uitschakelen. Dit sluit ook enkele deuren voor aanvallen op uw website. U kunt dit niet uitschakelen als u externe blogdiensten of Jetpack gebruikt of als u een app op uw site heeft aangesloten. Als u dit echter niet heeft, schakel het dan uit.<\/p>\n

Opmerkingen spreken voor zich. Als u ze niet gebruikt, schakelt u deze uit. Als je dat doet, houd het dan geladen. Hetzelfde kan gezegd worden voor EMOJI's en Dashicons. Als je een pagebuilder zoals Elementor of WP-Bakery gebruikt, schakel dan ook Gutenberg uit. Dit laadt nogal wat code die niet nodig is. Uw pagebuilder zal het afhandelen.<\/p>\n

Met het opschonen van de HTML-broncode kunt u ze vrijwel allemaal verwijderen. Er staan instructies op de pagina, dus lees ze om er zeker van te zijn dat u geen van de functies gebruikt.<\/p>\n

Als u gebruikt Kinsta of zelfs een andere webhost<\/a> met Cloudflare, jij Niet doen<\/u> schakel de CDN-service in. Het CDN verwerkt dit al en het zal fouten veroorzaken als je het inschakelt. Als u een ander CDN gebruikt, voert u hier uw CDN-adres in. Hierdoor kan Asset Cleanup Pro bestanden vanaf de juiste locatie in uw installatie weergeven.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div><\/div><\/div><\/div><\/div>

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

Activa opruimen \u2013 Bekijk de video<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

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