WordPress Training
ElementorWordPress

Elementor-pagina's opruimen: ongebruikte CSS, widgets en oude ballast

Websites worden niet traag gebouwd, ze wórden traag. Elke plugin die is uitgeprobeerd en niet weer verwijderd, elk lettertype dat u ooit wilde testen, elk sjabloon uit een verworpen ontwerp — niets daarvan is op zichzelf een probleem. Samen leveren ze een pagina op die veel meer laadt dan ze toont.

Hier mijn werkwijze als ik een gegroeide Elementor-website opruim. Op volgorde, van de grootste hefboom naar beneden.

Vooraf: back-up

Niet onderhandelbaar. Alles wat hierna volgt, is terug te draaien — maar alleen met een back-up. Maak een volledige back-up van bestanden en database voordat u iets verwijdert.

1. Plugins die niemand meer nodig heeft

De grootste afzonderlijke hefboom en de meest over het hoofd geziene. Loop de pluginlijst door en stel bij elke plugin de vraag: wat gebeurt er als ik hem uitschakel?

Let vooral op dubbelingen. Twee cachingplugins naast elkaar zijn geen dubbel nut, maar een foutenbron. Net zo twee formulierplugins, als een daarvan alleen nog voor één enkel oud formulier draait.

Schakel eerst uit, controleer de site, en verwijder pas daarna. Uitgeschakelde plugins die maandenlang blijven staan, zijn overigens een beveiligingsrisico — verwijder ze werkelijk.

2. Lettertypen

Elke lettertypefamilie en elke snede is een apart bestand. Wie voor koppen, lopende tekst en knoppen drie verschillende families in elk drie snedes gebruikt, laadt negen bestanden voordat de eerste letter verschijnt.

Twee families volstaan bijna altijd, vaak zelfs één in twee snedes. Leg dat centraal vast in plaats van het per widget te corrigeren — hoe dat gaat, leest u in Globale kleuren en lettertypen.

Controleer bovendien of uw thema op de achtergrond eigen lettertypen laadt die u helemaal niet gebruikt. Dat komt bij omvangrijke premiumthema's vaak voor.

3. Iconenbibliotheken

Elementor laadt standaard een complete iconenset — ook als u drie iconen gebruikt. Onder Elementor → Instellingen → Functies laat het nalezen van oudere iconenbibliotheken zich uitschakelen.

Controleer na het omschakelen uw pagina's. Als er ergens een leeg vakje in plaats van een icoon verschijnt, komt dat uit de oude bibliotheek en moet het één keer opnieuw worden ingesteld.

4. De Elementor-optimalisaties inschakelen

Eveneens onder Instellingen → Functies: het geoptimaliseerd laden van CSS en het verbeterde laden van assets. Beide zorgen ervoor dat alleen wordt geladen wat de betreffende pagina werkelijk nodig heeft.

Afzonderlijk inschakelen, telkens controleren. In zeldzame gevallen ontbreekt daarna een stijl die van een widget van derden kwam.

5. Oude sjablonen en concepten

Onder Sjablonen → Opgeslagen sjablonen verzamelt zich in de loop der jaren het een en ander. Die sjablonen kosten geen laadtijd op de website, maar wel overzicht — en bij het zoeken tijd.

Hetzelfde geldt voor paginaconcepten die nooit zijn gepubliceerd, en voor de prullenbak. Leeg die.

6. Revisies begrenzen

WordPress bewaart elke tussenversie van een bericht. Bij een pagina waaraan lang is gewerkt, zijn dat al snel honderd records — en Elementor-revisies zijn groot, omdat ze de hele opmaak meeschrijven.

U kunt het aantal bewaarde revisies begrenzen. Een waarde tussen tien en twintig is een goed compromis tussen zekerheid en databaseomvang. Bestaande oude voorraden ruimt een databasetool op — met een back-up vooraf.

7. De mediatheek

Zoek naar afbeeldingen die nergens zijn ingebonden. Er zijn plugins die dat oplijsten. Loop het resultaat echter met de hand door voordat u verwijdert: afbeeldingen die alleen in een sjabloon of in een pop-up zitten, worden door zulke gereedschappen soms ten onrechte als ongebruikt gemeld.

En controleer de afbeeldingsformaten. Een foto van 5 megabyte in de mediatheek stoort niet — dezelfde foto ingebonden op de startpagina wel. Wat dat voor de laadtijd betekent, leest u in Elementor en Core Web Vitals.

8. CSS regenereren

Tot slot: onder Elementor → Gereedschappen → Bestanden en gegevens opnieuw aanmaken wordt de verzamelde CSS opnieuw opgebouwd. Na grotere wijzigingen is dat de stap die voorkomt dat oude stijlresten blijven doorwerken.

Daarna de cache legen — in de cachingplugin en, indien aanwezig, bij de hoster.

Elementor Pro: Aan dit opruimen verandert de Pro-versie niets. Ze helpt eerder indirect: wie formulier, pop-up en header uit één gereedschap betrekt, heeft drie plugins minder te onderhouden. Bekijk Elementor Pro

Hoe vaak dat nodig is

Eén keer per jaar volstaat bij de meeste websites. Belangrijker dan de frequentie is dat u het überhaupt inplant — anders gebeurt het nooit.

En het beste moment is toch al eerder: wie een plugin meteen na de test weer verwijdert, hoeft later niet op te ruimen. Meer onderhoudsonderwerpen heb ik beschreven in Elementor-update zonder layoutbreuk; als u een bestaande site samen wilt doorlopen, is dat een typisch geval voor mijn Elementor-training.

Tags

ElementorPerformanceWartungWordPress
Elementor-pagina's opruimen: ongebruikte CSS, widgets en oude ballast | wptraining.at