Hej!

Læs først denne artikel: https://onlinemediamasters.com/perfmatters-settings/

Så læs dette: https://www.elegantthemes.com/blog/divi-resources/divi-speed-optimization

Test, sammenlign og se til sidst denne YouTube-video (2+ timer lang):

...og til sidst - denne artikel er også interessant - igen om Divis performance: https://onlinemediamasters.com/divi-slow-loading-website/

Held og lykke!

Skål, Mik

Brug af Perfmatters med Divi kan i høj grad forbedre ydeevnen.

Der er dog nogle funktioner, som skal konfigureres omhyggeligt for at undgå konflikter.

Her er mine tanker + indstillinger:

1. Ramme for dynamisk modul

• Hvad den gør: Indlæser kun de Divi-moduler, der bruges på siden, hvilket reducerer bloat.
• Potentiel konflikt: Ingen af dem. Perfmatters har ikke en lignende funktion.
• Anbefaling: Aktivér dette i Divi for bedre effektivitet.

2. Dynamisk CSS

• Hvad den gør: Genererer og indlæser kun den CSS, der er nødvendig for siden, dynamisk.
• Potentiel konflikt: Ingen. Perfmatters forstyrrer ikke Divi-specifik CSS-indlæsning.
• Anbefaling: Aktivér dynamisk CSS i Divi.

3. Dynamiske ikoner

• Hvad den gør: Indlæser kun de ikonfonte, der bruges på siden.
• Potentiel konflikt: Ingen af dem. Perfmatters administrerer ikke ikon-skrifttypeadfærd.
• Anbefaling: Aktivér det i Divi for at minimere indlæsning af ikonfonte.

4. Indlæs dynamisk stilark inline

• Hvad den gør: Indlæser dynamiske stilarter inline i stedet for at bruge eksterne stilark.
• Potentiel konflikt: Ingen af dem. Perfmatters håndterer ikke direkte inline-stilarter.
• Anbefaling: Test denne mulighed. Det kan forbedre ydeevnen for små CSS'er, men kan skade den, hvis de indbyggede stilarter er omfattende.

5. Kritisk CSS

• Hvad den gør: Genererer og indlæser kritisk CSS til indhold over folden.
• Potentiel konflikt: Ingen af dem. Perfmatters genererer ikke kritisk CSS.
• Anbefaling: Aktivér det i Divi for hurtigere gengivelse.

6. Kritisk tærskelhøjde

• Hvad den gør: Indstiller højden på visningsporten til kritisk CSS-generering.
• Potentiel konflikt: Ingen.
• Anbefaling: Juster denne indstilling efter behov baseret på dit layout. Den overlapper ikke med Perfmatters.

7. Dynamiske JavaScript-biblioteker

• Hvad den gør: Indlæser kun de nødvendige JavaScript-biblioteker.
• Potentiel konflikt: Perfmatters' Script Manager kan komme i konflikt, hvis du manuelt deaktiverer de samme biblioteker.
• Anbefaling: Aktivér det i Divi, men undgå manuel scriptkontrol i Perfmatters, medmindre det er nødvendigt.

8. Deaktiver WordPress Emojis (de vil stadig blive indlæst i OS og browser)

• Hvad den gør: Forhindrer WordPress i at indlæse emoji-relaterede scripts og stilarter.
• Potentiel konflikt: Perfmatters tilbyder den samme mulighed.
• Anbefaling: Brug denne mulighed i enten Divi eller Perfmatters, men ikke i begge.

9. Udskyd Gutenberg Block CSS

• Hvad den gør: Udskyder indlæsning af Gutenberg-blokkens CSS.
• Potentiel konflikt: Perfmatters kan også udskyde Gutenberg CSS.
• Anbefaling: Brug denne mulighed i enten Divi eller Perfmatters, ikke begge dele.

10. Forbedre indlæsning af Google Fonts

• Hvad den gør: Optimerer, hvordan Google Fonts indlæses ved at kombinere eller udskyde anmodninger.
• Potentiel konflikt: Perfmatters tilbyder lignende optimering af Google Fonts.
• Anbefaling: Brug dette i enten Divi eller Perfmatters. Test begge dele for at se, hvad der fungerer bedst.

11. Udskyd jQuery og jQuery Migrate

• Hvad den gør: Udskyder indlæsning af jQuery og dets migreringsscript.
• Potentiel konflikt: Perfmatters tilbyder en lignende funktion.
• Anbefaling: Brug dette i enten Divi eller Perfmatters, men ikke i begge. Test omhyggeligt, da udskydelse af jQuery kan forårsage kompatibilitetsproblemer med plugins eller brugerdefinerede scripts.

Generelle anbefalinger:

• Brug overlappende funktioner i enten Divi eller Perfmatters, ikke begge dele.
• Test, test, test: Brug værktøjer som Google PageSpeed-indsigter eller GTmetrix til at overvåge performance.
• OG VIGTIGST AF ALT!!! Brug Perfmatters' Script Manager: Det giver præcis kontrol over scripts og stilarter, hvilket Divi ikke tilbyder!

Skål, madb 🙂 .