Hej!

För det första, läs den här artikeln: https://onlinemediamasters.com/perfmatters-settings/

Läs då det här: https://www.elegantthemes.com/blog/divi-resources/divi-speed-optimization

testa, jämför och titta till slut på den här YouTube-videon (2+ timmar lång):

...och slutligen - den här artikeln är också intressant - igen om Divis prestanda: https://onlinemediamasters.com/divi-slow-loading-website/

Lycka till!

Skål, Mik

Att använda Perfmatters med Divi kan förbättra prestandan avsevärt.

Det finns dock vissa funktioner som måste konfigureras noggrant för att undvika konflikter.

Här är mina tankar + inställningar:

1. Ramverk för dynamisk modul

• Vad den gör: Laddar endast de Divi-moduler som används på sidan, vilket minskar uppblåsningen.
• Potentiell konflikt: Ingen av dem. Perfmatters har inte någon liknande funktion.
• Rekommendation: Aktivera detta i Divi för bättre effektivitet.

2. Dynamisk CSS

• Vad den gör: Genererar och laddar dynamiskt endast den CSS som behövs för sidan.
• Potentiell konflikt: Ingen alls. Perfmatters stör inte Divi-specifik CSS-laddning.
• Rekommendation: Aktivera dynamisk CSS i Divi.

3. Dynamiska ikoner

• Vad den gör: Läser endast in de teckensnitt för ikoner som används på sidan.
• Potentiell konflikt: Ingen av dem. Perfmatters hanterar inte ikonens typsnittsbeteende.
• Rekommendation: Aktivera det i Divi för att minimera ikonens teckensnittsladdningar.

4. Ladda dynamisk Stylesheet Inline

• Vad den gör: Läser in dynamiska stilar inline istället för att använda externa stilmallar.
• Potentiell konflikt: Inte alls. Perfmatters hanterar inte direkt inline-stilar.
• Rekommendation: Testa det här alternativet. Det kan förbättra prestandan för liten CSS men kan försämra den om inline-stilarna är omfattande.

5. Kritisk CSS

• Vad den gör: Genererar och laddar kritisk CSS för innehåll ovanför sidhuvudet.
• Potentiell konflikt: Ingen av dem. Perfmatters genererar inte kritisk CSS.
• Rekommendation: Aktivera det i Divi för snabbare rendering.

6. Kritisk tröskelhöjd

• Vad den gör: Ställer in vyporthöjden för kritisk CSS-generering.
• Potentiell konflikt: Ingen.
• Rekommendation: Justera denna inställning efter behov baserat på din layout. Den överlappar inte med Perfmatters.

7. Dynamiska JavaScript-bibliotek

• Vad den gör: Läser endast in de nödvändiga JavaScript-biblioteken.
• Potentiell konflikt: Perfmatters Script Manager kan hamna i konflikt om du manuellt inaktiverar samma bibliotek.
• Rekommendation: Aktivera det i Divi, men undvik manuell skriptkontroll i Perfmatters om det inte är nödvändigt.

8. Inaktivera WordPress Emojis (de kommer fortfarande att laddas i OS och webbläsare)

• Vad den gör: Hindrar WordPress från att ladda emoji-relaterade skript och stilar.
• Potentiell konflikt: Perfmatters erbjuder samma alternativ.
• Rekommendation: Använd det här alternativet i antingen Divi eller Perfmatters, men inte i båda.

9. Skjuta upp Gutenberg Block CSS

• Vad den gör: Skjuter upp laddningen av Gutenberg-blockets CSS.
• Potentiell konflikt: Perfmatters kan också skjuta upp Gutenberg CSS.
• Rekommendation: Använd det här alternativet i antingen Divi eller Perfmatters, inte i båda.

10. Förbättra laddningen av Google Fonts

• Vad den gör: Optimerar hur Google Fonts laddas genom att kombinera eller skjuta upp förfrågningar.
• Potentiell konflikt: Perfmatters erbjuder liknande optimering av Google Fonts.
• Rekommendation: Använd detta i antingen Divi eller Perfmatters. Testa båda för att se vilket som fungerar bäst.

11. Skjut upp jQuery och jQuery Migrate

• Vad den gör: Skjuter upp laddningen av jQuery och dess migreringsskript.
• Potentiell konflikt: Perfmatters erbjuder en liknande funktion.
• Rekommendation: Använd detta i antingen Divi eller Perfmatters, men inte i båda. Testa noggrant, eftersom att skjuta upp jQuery kan orsaka kompatibilitetsproblem med plugins eller anpassade skript.

Allmänna rekommendationer:

• Använd överlappande funktioner i antingen Divi eller Perfmatters, inte i båda.
• Test, test, test: Använd verktyg som Google PageSpeed-insikter eller GTmetrix för att övervaka prestanda.
• OCH VIKTIGAST AV ALLT!!! Använd Perfmatters Script Manager: Det ger exakt kontroll över skript och stilar, vilket Divi inte erbjuder!

Skål, madb 🙂