Hoi!

Lees eerst dit artikel: https://onlinemediamasters.com/perfmatters-settings/

lees dan dit: https://www.elegantthemes.com/blog/divi-resources/divi-speed-optimization

test, vergelijk en bekijk aan het einde deze YouTube-video (meer dan 2 uur lang):

...en tot slot - dit artikel is ook interessant - opnieuw over de prestaties van Divi: https://onlinemediamasters.com/divi-slow-loading-website/

Veel succes!

Proost, Mik

Het gebruik van Perfmatters met Divi kan de prestaties enorm verbeteren.

Er zijn echter enkele functies die zorgvuldig geconfigureerd moeten worden om conflicten te voorkomen.

Hier zijn mijn gedachten + instellingen:

1. Dynamisch modulekader

• Wat het doet: Laadt alleen de Divi-modules die op de pagina worden gebruikt, waardoor de pagina minder opgeblazen wordt.
• Potentieel conflict: Geen. Perfmatters heeft geen vergelijkbare functie.
• Aanbeveling: Schakel dit in Divi in voor meer efficiëntie.

2. Dynamische CSS

• Wat het doet: Genereert en laadt dynamisch alleen de CSS die nodig is voor de pagina.
• Potentieel conflict: Geen. Perfmatters heeft geen invloed op het laden van Divi-specifieke CSS.
• Aanbeveling: Dynamische CSS inschakelen in Divi.

3. Dynamische pictogrammen

• Wat het doet: Laadt alleen de pictogramlettertypen die op de pagina worden gebruikt.
• Potentieel conflict: Geen. Perfmatters beheert het gedrag van pictogramlettertypen niet.
• Aanbeveling: Schakel het in Divi in om het laden van pictogramlettertypen te minimaliseren.

4. Dynamisch stijlblad inline laden

• Wat het doet: Laadt dynamische stijlen inline in plaats van externe stylesheets te gebruiken.
• Potentieel conflict: Geen. Perfmatters kan niet direct omgaan met inline stijlen.
• Aanbeveling: Test deze optie. Het kan de prestaties verbeteren voor kleine CSS, maar het kan schadelijk zijn als de inline stijlen uitgebreid zijn.

5. Kritische CSS

• Wat het doet: Genereert en laadt cruciale CSS voor inhoud boven de vouw.
• Potentieel conflict: Geen. Perfmatters genereert geen kritieke CSS.
• Aanbeveling: Schakel het in Divi in voor snellere rendering.

6. Kritische drempelhoogte

• Wat het doet: Stelt de hoogte van de viewport in voor kritische CSS-generatie.
• Potentieel conflict: Geen.
• Aanbeveling: Pas deze instelling naar behoefte aan op basis van je lay-out. Het overlapt niet met Perfmatters.

7. Dynamische JavaScript-bibliotheken

• Wat het doet: Laadt alleen de benodigde JavaScript-bibliotheken.
• Potentieel conflict: Perfmatters Script Manager kan conflicten veroorzaken als u handmatig dezelfde bibliotheken uitschakelt.
• Aanbeveling: Schakel het in Divi in, maar vermijd handmatige scriptcontrole in Perfmatters tenzij dat nodig is.

8. WordPress-emoji's uitschakelen (ze worden nog steeds geladen in het besturingssysteem en de browser)

• Wat het doet: Stopt WordPress met het laden van emoji-gerelateerde scripts en stijlen.
• Potentieel conflict: Perfmatters biedt dezelfde optie.
• Aanbeveling: Gebruik deze optie in Divi of Perfmatters, maar niet allebei.

9. Gutenberg blok CSS uitstellen

• Wat het doet: Stelt het laden van Gutenberg blok-CSS uit.
• Potentieel conflict: Perfmatters kan Gutenberg CSS ook uitstellen.
• Aanbeveling: Gebruik deze optie in Divi of Perfmatters, niet allebei.

10. Het laden van Google Fonts verbeteren

• Wat het doet: Optimaliseert hoe Google Fonts worden geladen door verzoeken te combineren of uit te stellen.
• Potentieel conflict: Perfmatters biedt vergelijkbare Google Fonts optimalisatie.
• Aanbeveling: Gebruik dit in Divi of Perfmatters. Test beide om te zien welke beter werkt.

11. Uitstellen van jQuery en jQuery Migrate

• Wat het doet: Stelt het laden van jQuery en het migrate-script uit.
• Potentieel conflict: Perfmatters biedt een vergelijkbare functie.
• Aanbeveling: Gebruik dit in Divi of Perfmatters, maar niet allebei. Test zorgvuldig, want het uitstellen van jQuery kan compatibiliteitsproblemen veroorzaken met plugins of aangepaste scripts.

Algemene aanbevelingen:

• Gebruik overlappende functies in Divi of Perfmatters, niet allebei.
• Test, test, test: Gebruik hulpmiddelen zoals Google PageSpeed-inzichten of GTmetrix om de prestaties te controleren.
• EN HET BELANGRIJKSTE!!! Gebruik de Script Manager van Perfmatters: Het biedt nauwkeurige controle over scripts en stijlen, wat Divi niet biedt!

Proost, madb 🙂