Γεια σας!

Πρώτον, διαβάστε αυτό το άρθρο: https://onlinemediamasters.com/perfmatters-settings/

τότε, διαβάστε αυτό: https://www.elegantthemes.com/blog/divi-resources/divi-speed-optimization

δοκιμάστε, συγκρίνετε και στο τέλος παρακολουθήστε αυτό το βίντεο στο YouTube (διάρκειας 2+ ωρών):

...και τέλος - αυτό το άρθρο είναι επίσης ενδιαφέρον - και πάλι σχετικά με τις επιδόσεις του Divi: https://onlinemediamasters.com/divi-slow-loading-website/

Καλή τύχη!

Στην υγειά μας, Mik

Η χρήση του Perfmatters με το Divi μπορεί να βελτιώσει σημαντικά την απόδοση.

Ωστόσο, υπάρχουν ορισμένα χαρακτηριστικά που πρέπει να ρυθμιστούν προσεκτικά για να αποφευχθούν συγκρούσεις.

Εδώ είναι οι σκέψεις μου + ρυθμίσεις:

1. Πλαίσιο δυναμικής ενότητας

• Τι κάνει: Φορτώνει μόνο τις ενότητες Divi που χρησιμοποιούνται στη σελίδα, μειώνοντας τη διόγκωση.
• Πιθανή σύγκρουση: Καμία. Το Perfmatters δεν διαθέτει παρόμοια λειτουργία.
• Σύσταση: Ενεργοποιήστε το στο Divi για καλύτερη απόδοση.

2. Δυναμικό CSS

• Τι κάνει: Δημιουργεί και φορτώνει δυναμικά μόνο τα CSS που απαιτούνται για τη σελίδα.
• Πιθανή σύγκρουση: Καμία. Το Perfmatters δεν παρεμβαίνει στη φόρτωση των CSS που σχετίζονται με το Divi.
• Σύσταση: Ενεργοποιήστε το Dynamic CSS στο Divi.

3. Δυναμικά εικονίδια

• Τι κάνει: Φορτώνει μόνο τις γραμματοσειρές εικονιδίων που χρησιμοποιούνται στη σελίδα.
• Πιθανή σύγκρουση: Καμία. Το Perfmatters δεν διαχειρίζεται τη συμπεριφορά της γραμματοσειράς εικονιδίων.
• Σύσταση: Ενεργοποιήστε το στο Divi για να ελαχιστοποιήσετε τα φορτία γραμματοσειράς εικονιδίων.

4. Φόρτωση δυναμικού φύλλου στυλ Inline

• Τι κάνει: Φορτώνει δυναμικά στυλ inline αντί να χρησιμοποιεί εξωτερικά φύλλα στυλ.
• Πιθανή σύγκρουση: Καμία. Το Perfmatters δεν χειρίζεται άμεσα τα inline στυλ.
• Σύσταση: Δοκιμάστε αυτή την επιλογή. Μπορεί να βελτιώσει την απόδοση για μικρά CSS, αλλά μπορεί να την βλάψει αν τα inline στυλ είναι εκτεταμένα.

5. Κρίσιμη CSS

• Τι κάνει: Δημιουργεί και φορτώνει κρίσιμα CSS για το περιεχόμενο πάνω από την πτυσσόμενη σελίδα.
• Πιθανή σύγκρουση: Καμία. Το Perfmatters δεν παράγει κρίσιμα CSS.
• Σύσταση: Ενεργοποιήστε το στο Divi για ταχύτερη απόδοση.

6. Κρίσιμο ύψος κατωφλίου

• Τι κάνει: Ορίζει το ύψος του παραθύρου προβολής για την κρίσιμη παραγωγή CSS.
• Πιθανή σύγκρουση: Καμία.
• Σύσταση: Προσαρμόστε αυτή τη ρύθμιση ανάλογα με τη διάταξή σας. Δεν επικαλύπτεται με το Perfmatters.

7. Δυναμικές βιβλιοθήκες JavaScript

• Τι κάνει: Φορτώνει μόνο τις απαραίτητες βιβλιοθήκες JavaScript.
• Πιθανή σύγκρουση: Το Perfmatters' Script Manager μπορεί να συγκρουστεί αν απενεργοποιήσετε χειροκίνητα τις ίδιες βιβλιοθήκες.
• Σύσταση: Ενεργοποιήστε το στο Divi, αλλά αποφύγετε τον χειροκίνητο έλεγχο σεναρίων στο Perfmatters, εκτός αν είναι απαραίτητο.

8. Απενεργοποιήστε τα Emojis WordPress (θα εξακολουθούν να φορτώνονται στο λειτουργικό σύστημα και το πρόγραμμα περιήγησης)

• Τι κάνει: Εμποδίζει το WordPress να φορτώνει σενάρια και στυλ που σχετίζονται με emoji.
• Πιθανή σύγκρουση: Το Perfmatters προσφέρει την ίδια επιλογή.
• Σύσταση: Χρησιμοποιήστε αυτή την επιλογή είτε στο Divi είτε στο Perfmatters, αλλά όχι και στα δύο.

9. Αναβολή του μπλοκ CSS του Gutenberg

• Τι κάνει: Αναβάλλει τη φόρτωση των CSS του μπλοκ Gutenberg.
• Πιθανή σύγκρουση: Το Perfmatters μπορεί επίσης να αναβάλει το Gutenberg CSS.
• Σύσταση: Χρησιμοποιήστε αυτή την επιλογή είτε στο Divi είτε στο Perfmatters, όχι και στα δύο.

10. Βελτίωση φόρτωσης γραμματοσειρών Google

• Τι κάνει: Βελτιστοποιεί τον τρόπο φόρτωσης των γραμματοσειρών Google συνδυάζοντας ή αναβάλλοντας τις αιτήσεις.
• Πιθανή σύγκρουση: Το Perfmatters προσφέρει παρόμοια βελτιστοποίηση γραμματοσειρών Google.
• Σύσταση: Χρησιμοποιήστε το είτε στο Divi είτε στο Perfmatters. Δοκιμάστε και τα δύο για να δείτε ποιο λειτουργεί καλύτερα.

11. Αναβολή των jQuery και jQuery Migrate

• Τι κάνει: Αναβάλλει τη φόρτωση της jQuery και του σεναρίου migrate.
• Πιθανή σύγκρουση: Το Perfmatters προσφέρει ένα παρόμοιο χαρακτηριστικό.
• Σύσταση: Χρησιμοποιήστε το είτε στο Divi είτε στο Perfmatters, αλλά όχι και στα δύο. Δοκιμάστε προσεκτικά, καθώς η αναβολή της jQuery μπορεί να προκαλέσει προβλήματα συμβατότητας με πρόσθετα ή προσαρμοσμένες δέσμες ενεργειών.

Γενικές συστάσεις:

• Χρησιμοποιήστε επικαλυπτόμενα χαρακτηριστικά είτε στο Divi είτε στο Perfmatters, όχι και στα δύο.
• Δοκιμή, δοκιμή, δοκιμή: Χρησιμοποιήστε εργαλεία όπως Google PageSpeed Insights ή GTmetrix για την παρακολούθηση των επιδόσεων.
• ΚΑΙ ΤΟ ΠΙΟ ΣΗΜΑΝΤΙΚΌ!!! Χρησιμοποιήστε το Perfmatters' Script Manager: Παρέχει ακριβή έλεγχο των σεναρίων και των στυλ, κάτι που δεν προσφέρει το Divi!

Στην υγειά μας, madb 🙂