Opschonen van activa Pro

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?

Geef mij Een voorbeeld

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?

contactformulierscripts zijn behoorlijk zwaar – 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 één logische pagina te hebben, en alleen op die ene pagina de contactscripts te laden?

Dit is het soort dingen waar optimalisatie over gaat. Met Asset Cleanup Pro kunt u naar uw 'contact'-pagina gaan en de contactformulierscripts voor de hele site downloaden, behalve die ene pagina. U heeft nu 50-80 kb aan paginagewicht bespaard door uw contactformulieren logischer in te delen.

Kan ik Doe dit Met alle scripts?

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 de mijne Startpagina, en maak er dan eentje met jouw branding erop, zoals de mijne Over ons bladzijde.

Zolang uw landingspagina’s 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.

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.

Om een goede paginasnelheidsscore en snelle laadtijden te krijgen, moet u het laden van scripts die niet meteen nodig zijn, uitstellen. Waar jij je op focust is ‘above the fold’ content. 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 – alleen de inhoud bovenaan.

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 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.

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.

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 en problemen met de lay-outverschuiving te voorkomen, 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 bladzijde.

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 één 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!

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 één cruciale pagina – en het is gemakkelijk om een pictogram te missen dat niet is geladen, of een carrousel die ontbreekt, enz.

Dus Zal ik Doen?

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. Voer vervolgens een paginasnelheidstest uit om een score te krijgen, noteer deze en ga naar een andere fase waar u last van heeft in het Insights-rapport. Probeer misschien de truc voor beeldoptimalisatie of plug-in-organizer als er veel inhoud op mobiel wordt geladen.

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.

Probeer niet alles in één 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.

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.

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!

Wat doet Elke functie Doen?

Met het laden van het lettertype gaan we daar op in zodra we bij de OMGF 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!

Een snelle tip over lettertypen

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 één effen lettertype ziet er niet alleen consistent uit, maar komt ook de snelheid ten goede.

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.

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.

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.

Als je Kinsta of een andere webhost met Cloudflare gebruikt, kun je Niet doen 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.

U kunt op elk gewenst moment terugkomen en optimaliseren met Asset Cleanup Pro. Het is goed om optimalisaties in sessies te testen, zodat u, zodra bepaalde dingen werken, kunt stoppen met werken en er later op kunt terugkomen. Elke keer dat u een nieuwe plug-in toevoegt, kunt u gewoon naar binnen gaan en die specifieke plug-in optimaliseren op de manier waarop u wilt dat deze wordt geladen.

Asset Cleanup Pro zelf kost niet veel tijd om te wennen. Wat verwarrend kan zijn, is al dit uitstellen/voorladen. Eén verkeerde beweging kan de functionaliteit verstoren, dus doe het altijd in kleine stukjes, zodat u de wijzigingen die u zojuist hebt aangebracht gemakkelijk kunt onthouden.

Als u tevreden bent met uw voortgang, gaat u door naar de volgende fase.