Installeren Plug-ins

Ga eerst voor de Volledig betaalde versie van Asset Cleanup Pro omdat het meer functies bevat, en download nooit een gratis exemplaar van een plug-in. Deze kunnen kwaadaardige code bevatten en worden nooit bijgewerkt, waardoor u zeer kwetsbaar bent.

Wat doet Asset Cleanup Pro Doen?

Het is als een hele stapel optimalisatieplug-ins in één. Het geeft ook enorme controle over elke afzonderlijke pagina op uw website. U kunt scripts tot op paginaniveau laden/verwijderen, ongebruikte WordPress-functies verwijderen, code uitstellen en uw plug-ins beheren.

In een notendop is het de beste plug-in om controle over uw website te krijgen en te krijgen sterk aanbevolen. Op de volgende pagina zal ik een beetje uitleggen hoe je het kunt gebruiken.

Het heeft zoveel functies dat er een eigen pagina nodig is!

U kunt WP-Rocket samen met Asset Cleanup Pro uitvoeren als uw server niet over een goed ingebouwd cachingsysteem beschikt. Asset Cleanup Pro werkt samen met zijn cachingfuncties en ze passen goed bij als u een caching-oplossing nodig heeft.

Het optimaliseren van uw afbeeldingen is van cruciaal belang voor een goede laadtijd en paginasnelheidsscore. Moderne afbeeldingen kunnen erg groot zijn (enkele MB) en als je bedenkt dat deze hele webpagina ongeveer 650 kb groot is, inclusief code en afbeeldingen, dan begrijp je hoe belangrijk het is om je afbeeldingen op dieet te zetten.

Er zijn verschillende beeldoptimalisaties in de WordPress-repository, en de meeste doen hun werk goed. Er zijn er twee die ik aanbeveel. Korte pixel En Stel je voor.

Shortpixel is goed omdat het gratis is (zolang je het niet erg vindt om 50 afbeeldingen tegelijk te optimaliseren) en kant-en-klaar werkt. Er is een gemakkelijk te volgen Shortpixel-gebruikershandleiding op deze pagina als je dat eens wilt proberen.

Ik zou echter aanraden om Imagify te installeren. De service is gratis voor maximaal 200 afbeeldingen per maand en slechts $10/maand voor onbeperkt gebruik. Het is ingesteld en vergeten, en u kunt ook afbeeldingen converteren (en serveren) met behulp van het nieuwe WEBP-formaat, op voorwaarde dat uw server dit ondersteunt. Kinsta-hosting ondersteunt WEBP-beeldcompressie als je je dat afvraagt.

Nogmaals, ik zal verderop in de handleiding een pagina aan Imagify wijden, en ik zou aanraden dit te gebruiken als plug-in voor beeldoptimalisatie.

WP-raket is in de eerste plaats een caching- en prestatie-plug-in die uw website versnelt. Het is een van de duurdere oplossingen met $49 per jaar, maar het werkt echt goed. De reden dat het zo goed is, is tweeledig: het heeft een voor zichzelf sprekend installatieproces van één minuut, en het is snel.

Voeg dat toe aan het feit dat het volledig compatibel is met Asset Cleanup Pro en je hebt een installatie die klaar is om elk aspect van optimalisatie aan te pakken. Zelfs als uw website een cachingsysteem heeft, WP-raket zal uw laadtijden en scores verbeteren.

Caching werkt als een soort geheugenbank. Het slaat alle bestanden en pagina's op in de servercache en geeft die pagina vervolgens weer aan de volgende bezoeker. Hierdoor hoeft de volgende bezoeker de bestanden niet opnieuw te downloaden om de pagina samen te stellen. Het zorgt ervoor dat zowel CSS als de JS-omgevingen niet bij elke paginalading moeten worden gedownload, waardoor de snelheid toeneemt.

Een woord over Woocommerce

Caching is geweldig voor statische pagina's waarvan de inhoud nooit verandert. Voor dynamische sites kan dit echter problematisch zijn of zelfs een veiligheidsrisico vormen.

Stel je voor dat je aan het winkelen bent op een website en naar je winkelmandje gaat en vervolgens naar de kassa gaat. Je rekent af en alles is in orde. Met caching worden uw winkelmandje en betaalbezoeken echter weergegeven aan de volgende persoon die naar zijn winkelmandje gaat, omdat deze zich uw laatste bezoek heeft herinnerd. Dit betekent dat u uw winkelmandje en afrekenpagina nooit in het cachegeheugen mag opslaan. Sluit deze pagina's altijd uit van optimalisaties. Het zijn geen landingspagina's en hebben dus geen invloed op uw SEO.

Jij kan WP-raket downloaden hier.

Plug-in organisator is een oudje maar een goudje. Op de volgende pagina's laat ik je nogmaals zien hoe het werkt.

Wat het doet, is dat u het laden van plug-ins per apparaat kunt uitschakelen. Stel dat u een zware JS-plug-in (zoals Slider Revolution) alleen op de desktop wilt laden, maar ervoor zorgt dat er geen scripts op mobiel zijn geladen om paginagewicht te besparen, dan is dit de plug-in voor u.

Je kunt dit ook combineren met een andere kleine plug-in genaamd HTML-fragmenten. Wat u doet, is zware code, JS of video's in een fragment plaatsen en vervolgens het fragment in de webpaginabouwer zelf plaatsen in plaats van in de originele code. Vervolgens schakelt u uit dat het HTML-fragment op mobiel wordt geladen. Dit wordt volledig uitgelegd op de plug-in-organisatorpagina, maar het is een game changer voor webontwerp.

Lettertypen zijn verrassend groot van formaat. Elk lettertypebestand kan maximaal 200 kb wegen, dus u wilt er zo weinig mogelijk van gebruiken en ze naar uw server downloaden, zodat ze vooraf door de browser kunnen worden opgehaald voor onmiddellijke weergave.

Je hebt niet alleen lettertypestijlen, je hebt ook lettertypegewichten. De meesten van ons gebruiken Google-lettertypen en een verschillend lettertypegewicht (dikte) kan ertoe leiden dat er extra bestanden worden gedownload. Elk bestand dat een thema downloadt, resulteert in een aanroep naar de lettertypeservers van Google. Dit wil je niet echt omdat het een externe verbinding is, die de browser moet downloaden voordat deze op de pagina wordt toegepast.

Wat doet OMGF Doen?

Met een paar klikken, OMGF analyseert uw hele website en downloadt uw lettertypen naar uw server. Het is ongelooflijk eenvoudig en het werkt. Ik zal later in de handleiding opnieuw een pagina wijden aan het instellen van OMGF, maar download en installeer deze nu. Het is gratis.

Een snelle tip over lettertypen

Gebruik altijd 'lettertypeweergave: swap' wanneer u wordt gevraagd hoe u uw lettertypen wilt weergeven. Dit toont kort de standaard systeemlettertypen zonder de gestileerde lettertypen uit uw thema te downloaden. Google vindt dit leuk en het zal een substantieel verschil maken in de laadtijden van uw pagina.

Flying Scripts is eigenlijk de naam van een ontwikkelaar die supersnelle plug-ins voor WordPress maakt. Er zijn twee eenvoudige plug-ins om te installeren. De totale installatietijd voor de twee plug-ins samen bedraagt minder dan 2 minuten en het zijn beide gratis plug-ins.

Wat zijn Deze Plug-ins?

De eerste is Vlieganalyse. Hiermee wordt het Google Analytics-script naar uw server gedownload, zodat u geen trage JS-aanroepen naar Google uitvoert wanneer u Analytics of Tag Manager gebruikt. Ik zal er op de Flying Scripts-pagina op ingaan, maar het gebruik van Google-trackers heeft een negatieve invloed op de paginasnelheid.

Dus ga je gang en installeer die. De enige instelling die u na activering hoeft te doen, is het invoeren van uw Analytics/Google Tag-trackingcode. Ik raad aan om het in te stellen op minimale tracking om code op te slaan. Het is alles wat je ooit nodig zult hebben. En dat is het!

Hoe zit het met de Seconde Inpluggen?

Het heet Vliegende pagina's – en dat is nog eenvoudiger in te stellen. Gewoon installeren en activeren en klaar. Het enige dat ik zou aanraden is om het alleen vooraf te laden bij mousehover. Dit komt omdat het vooraf laden van elke pagina vanaf de links de paginasnelheidsscore enigszins kan vertragen, ook al is de laadtijd voor de eindgebruiker sneller. Het vooraf laden van pagina's via mousehover wordt alleen geactiveerd wanneer de gebruiker over de link beweegt. Dit vermindert nog steeds de laadtijd van de pagina voor de eindgebruiker, maar lost het probleem met de paginasnelheid op.

De meeste WordPress-websites gebruiken thema’s. Thema's zijn geweldig, afgezien van één ding: ze komen met een hoop opgeblazenheid.

Wat is Opzwellen?

Bloat is waar er extra code op uw pagina wordt uitgevoerd die niet nodig is. De meest voorkomende vormen van bloat zijn Javascript en CSS.

Stel je nu eens voor dat je je thema kocht. Je hebt het waarschijnlijk gekocht omdat het er geweldig uitzag, een heleboel functies had en heel veel coole dingen deed. Het punt is dat, nu je je paginasjablonen hebt gebouwd, je waarschijnlijk niet eens het volledige repertoire aan opties van het thema gebruikt. Dit is waar bloat om de hoek komt kijken. Het is code die je niet op pagina's gebruikt, en die ook niet van enig nut is voor de toekomst.

Aan al deze afbeeldingen, CSS-effecten en JS-opties zijn kosten verbonden. Ze staan in de CSS/JS-bestanden en worden op de pagina geladen, ongeacht of u ze gebruikt of niet. Als je bedenkt dat je waarschijnlijk geen 70-80% van de CSS in het thema gebruikt, kan de hoeveelheid ongebruikte gegevens die in de browser worden geladen enorm zijn. Dit is waar het zuiveren van CSS / JS in het spel komt. We herschrijven de bestanden met alleen de code die u nodig heeft en het resulteert in enorme gegevensbesparingen.

Hoe werkt Snel laden Hulp?

Opnieuw zullen we er een pagina aan wijden, maar dan in essentie Snel laden herschrijft uw CSS zodat er geen bloatware op uw pagina's staat. Het doet dit ook per pagina, voor het geval u verschillende lay-outs op verschillende pagina's gebruikt. Het is volledig ingesteld en vergeten, en kan een enorme hoeveelheid gegevens besparen – tot 90% van uw totale CSS-gewicht, wat op themawebsites 1 MB of meer bedraagt.

Voor de purist is er een gratis optie om dit te doen bij de PurifyCSS-website. Hoe u uw CSS kunt zuiveren, leest u op hun CSS-blogpagina. Het wordt codesplitsing genoemd en het kan een hele klus zijn, vooral als je veel pagina's hebt en Rapidload het gewoon allemaal voor je doet.

Dat zijn de enige plug-ins die u voorlopig echt hoeft te installeren. Het geeft u de tools om uw website goed te optimaliseren, zonder deze te overbelasten. Terwijl ik met mijn paginasnelheid service u zult veel meer handmatig afstemmen, de onderdelen die u door deze handleiding leiden, zullen ervoor zorgen dat uw website slaagt Kernwebvitalen van Google en verhoog uw rankingposities.

Maar hoe Gebruik ik Hen?

We gaan nu dieper in op wat elke plug-in voor uw website doet en hoe u de snelheid kunt verhogen. U zult zien dat deze plug-ins zijn geselecteerd vanwege hun flexibiliteit.

Hiermee kunt u alles doen waarover u hebt gelezen, van het uitstellen van JS tot het vooraf laden van de CSS.