Hallo!

Erstens: Lesen Sie diesen Artikel: https://onlinemediamasters.com/perfmatters-settings/

dann lesen Sie dies: https://www.elegantthemes.com/blog/divi-resources/divi-speed-optimization

testen, vergleichen und am Ende dieses YouTube-Video (über 2 Stunden lang) ansehen:

...und zu guter Letzt - auch dieser Artikel ist interessant - wieder über die Leistung von Divi: https://onlinemediamasters.com/divi-slow-loading-website/

Viel Glück!

Prost, Mik

Die Verwendung von Perfmatters mit Divi kann die Leistung erheblich verbessern.

Es gibt jedoch einige Funktionen, die sorgfältig konfiguriert werden müssen, um Konflikte zu vermeiden.

Hier sind meine Gedanken und Einstellungen:

1. Dynamischer Modulrahmen

• Was es bewirkt: Lädt nur die Divi-Module, die auf der Seite verwendet werden, und reduziert so den Platzbedarf.
• Potenzieller Konflikt: Keine. Perfmatters verfügt nicht über eine ähnliche Funktion.
• Empfehlung: Aktivieren Sie dies in Divi für eine bessere Effizienz.

2. Dynamisches CSS

• Was es bewirkt: Erzeugt und lädt nur das für die Seite benötigte CSS dynamisch.
• Potenzieller Konflikt: Keine. Perfmatters greift nicht in das Divi-spezifische CSS-Laden ein.
• Empfehlung: Aktivieren Sie dynamisches CSS in Divi.

3. Dynamische Ikonen

• Was es bewirkt: Lädt nur die auf der Seite verwendeten Icon-Schriften.
• Potenzieller Konflikt: Keine. Perfmatters verwaltet nicht das Verhalten von Icon-Schriften.
• Empfehlung: Aktivieren Sie diese Funktion in Divi, um das Laden von Symbolen zu minimieren.

4. Dynamisches Stylesheet Inline laden

• Was es bewirkt: Lädt dynamische Stile inline, anstatt externe Stylesheets zu verwenden.
• Potenzieller Konflikt: Keine. Perfmatters verarbeitet Inline-Stile nicht direkt.
• Empfehlung: Testen Sie diese Option. Sie kann die Leistung bei kleinem CSS verbessern, kann sich aber bei umfangreichen Inline-Styles negativ auswirken.

5. Kritischer CSS

• Was es bewirkt: Erzeugt und lädt kritische CSS für den "above the fold"-Inhalt.
• Potenzieller Konflikt: Keine. Perfmatters erzeugt kein kritisches CSS.
• Empfehlung: Aktivieren Sie es in Divi für schnelleres Rendering.

6. Kritische Schwellenhöhe

• Was es bewirkt: Legt die Höhe des Viewports für die kritische CSS-Generierung fest.
• Potenzieller Konflikt: Keine.
• Empfehlung: Passen Sie diese Einstellung je nach Bedarf an Ihr Layout an. Sie überschneidet sich nicht mit Perfmatters.

7. Dynamische JavaScript-Bibliotheken

• Was es bewirkt: Lädt nur die notwendigen JavaScript-Bibliotheken.
• Potenzieller Konflikt: Der Script Manager von Perfmatters kann zu Konflikten führen, wenn Sie die gleichen Bibliotheken manuell deaktivieren.
• Empfehlung: Aktivieren Sie es in Divi, aber vermeiden Sie die manuelle Skriptsteuerung in Perfmatters, wenn es nicht notwendig ist.

8. Deaktivieren Sie WordPress-Emojis (sie werden weiterhin im Betriebssystem und im Browser geladen)

• Was es bewirkt: Hält WordPress davon ab, emoji-bezogene Skripte und Stile zu laden.
• Potenzieller Konflikt: Perfmatters bietet die gleiche Möglichkeit.
• Empfehlung: Verwenden Sie diese Option entweder in Divi oder Perfmatters, aber nicht in beiden.

9. Gutenberg-Block-CSS aufschieben

• Was es bewirkt: Verschiebt das Laden des Gutenberg-Block-CSS.
• Potenzieller Konflikt: Perfmatters kann auch Gutenberg-CSS verschieben.
• Empfehlung: Verwenden Sie diese Option entweder in Divi oder Perfmatters, nicht in beiden.

10. Verbessern Sie das Laden von Google Fonts

• Was es bewirkt: Optimiert die Art und Weise, wie Google Fonts geladen werden, indem Anfragen kombiniert oder aufgeschoben werden.
• Potenzieller Konflikt: Perfmatters bietet eine ähnliche Optimierung für Google Fonts.
• Empfehlung: Verwenden Sie dies entweder in Divi oder Perfmatters. Testen Sie beide, um zu sehen, was besser funktioniert.

11. jQuery und jQuery Migrate zurückstellen

• Was es bewirkt: Verschiebt das Laden von jQuery und dessen Migrations-Skript.
• Potenzieller Konflikt: Perfmatters bietet eine ähnliche Funktion.
• Empfehlung: Verwenden Sie dies entweder in Divi oder Perfmatters, aber nicht in beiden. Testen Sie sorgfältig, da die Aufschiebung von jQuery zu Kompatibilitätsproblemen mit Plugins oder benutzerdefinierten Skripten führen kann.

Allgemeine Empfehlungen:

• Verwenden Sie überlappende Funktionen entweder in Divi oder Perfmatters, nicht in beiden.
• Test, Test, Test: Verwenden Sie Tools wie Google PageSpeed Insights oder GTmetrix um die Leistung zu überwachen.
• UND DAS WICHTIGSTE!!! Verwenden Sie Perfmatters' Script Manager: Es bietet eine präzise Kontrolle über Skripte und Stile, die Divi nicht bietet!

Zum Wohl, madb 🙂 .