Merhaba!

İlk olarak, bu makaleyi okuyun: https://onlinemediamasters.com/perfmatters-settings/

O zaman şunu oku: https://www.elegantthemes.com/blog/divi-resources/divi-speed-optimization

test edin, karşılaştırın ve sonunda bu YouTube videosunu izleyin (2+ saat uzunluğunda):

...ve son olarak - bu makale de ilginç - yine Divi'nin performansı hakkında: https://onlinemediamasters.com/divi-slow-loading-website/

İyi şanslar!

Şerefe, Mik

Perfmatters'ı Divi ile birlikte kullanmak performansı büyük ölçüde artırabilir.

Ancak, çakışmaları önlemek için dikkatle yapılandırılması gereken bazı özellikler vardır.

İşte benim düşüncelerim + ayarlar:

1. Dinamik Modül Çerçevesi

• Ne işe yarıyor? Yalnızca sayfada kullanılan Divi modüllerini yükleyerek şişkinliği azaltır.
• Potansiyel çatışma: Yok. Perfmatters benzer bir özelliğe sahip değildir.
• Öneri: Daha iyi verimlilik için bunu Divi'de etkinleştirin.

2. Dinamik CSS

• Ne işe yarıyor? Yalnızca sayfa için gereken CSS'yi dinamik olarak oluşturur ve yükler.
• Potansiyel çatışma: Yok. Perfmatters, Divi'ye özgü CSS yüklemesine müdahale etmez.
• Öneri: Divi'de Dinamik CSS'yi Etkinleştirin.

3. Dinamik Simgeler

• Ne işe yarıyor? Yalnızca sayfada kullanılan simge yazı tiplerini yükler.
• Potansiyel çatışma: Yok. Perfmatters simge yazı tipi davranışını yönetmez.
• Öneri: Simge yazı tipi yüklemelerini en aza indirmek için Divi'de etkinleştirin.

4. Dinamik Stil Sayfasını Satır İçi Yükle

• Ne işe yarıyor? Harici stil sayfaları kullanmak yerine dinamik stilleri satır içi yükler.
• Potansiyel çatışma: Yok. Perfmatters satır içi stilleri doğrudan işlemez.
• Öneri: Bu seçeneği test edin. Küçük CSS'ler için performansı artırabilir ancak satır içi stiller kapsamlıysa performansı düşürebilir.

5. Kritik CSS

• Ne işe yarıyor? Kat üstü içerik için kritik CSS oluşturur ve yükler.
• Potansiyel çatışma: Yok. Perfmatters kritik CSS oluşturmaz.
• Öneri: Daha hızlı işleme için Divi'de etkinleştirin.

6. Kritik Eşik Yüksekliği

• Ne işe yarıyor? Kritik CSS üretimi için görüntü alanının yüksekliğini ayarlar.
• Potansiyel çatışma: Yok.
• Öneri: Bu ayarı düzeninize göre gerektiği gibi ayarlayın. Perfmatters ile çakışmaz.

7. Dinamik JavaScript Kütüphaneleri

• Ne işe yarıyor? Yalnızca gerekli JavaScript kütüphanelerini yükler.
• Potansiyel çatışma: Aynı kütüphaneleri manuel olarak devre dışı bırakırsanız Perfmatters'ın Betik Yöneticisi çakışabilir.
• Öneri: Divi'de etkinleştirin, ancak gerekmedikçe Perfmatters'da manuel komut dosyası kontrolünden kaçının.

8. WordPress Emojilerini devre dışı bırakın (işletim sisteminde ve tarayıcıda yüklenmeye devam edecekler)

• Ne işe yarıyor? WordPress'nin emoji ile ilgili komut dosyalarını ve stilleri yüklemesini durdurur.
• Potansiyel çatışma: Perfmatters da aynı seçeneği sunuyor.
• Öneri: Bu seçeneği Divi veya Perfmatters'da kullanın, ancak ikisinde birden kullanmayın.

9. Gutenberg Blok CSS'yi Ertele

• Ne işe yarıyor? Gutenberg blok CSS'sinin yüklenmesini erteler.
• Potansiyel çatışma: Perfmatters, Gutenberg CSS'yi de erteleyebilir.
• Öneri: Bu seçeneği Divi veya Perfmatters'da kullanın, ikisinde birden kullanmayın.

10. Google Fonts Yüklemesini İyileştirin

• Ne işe yarıyor? İstekleri birleştirerek veya erteleyerek Google Yazı Tiplerinin yüklenme şeklini optimize eder.
• Potansiyel çatışma: Perfmatters da benzer bir Google Fonts optimizasyonu sunuyor.
• Öneri: Bunu Divi veya Perfmatters'da kullanın. Hangisinin daha iyi çalıştığını görmek için ikisini de test edin.

11. jQuery ve jQuery Migrate'i Ertele

• Ne işe yarıyor? jQuery ve migrate betiğinin yüklenmesini erteler.
• Potansiyel çatışma: Perfmatters da benzer bir özellik sunuyor.
• Öneri: Bunu Divi veya Perfmatters'da kullanın, ancak ikisinde birden kullanmayın. JQuery'yi ertelemek eklentiler veya özel komut dosyalarıyla uyumluluk sorunlarına neden olabileceğinden dikkatli bir şekilde test edin.

Genel Tavsiyeler:

• Örtüşen özellikleri Divi veya Perfmatters'da kullanın, ikisinde birden değil.
• Test, test, test: Gibi araçları kullanın Google PageSpeed Insights veya GTmetrix performansı izlemek için.
• VE EN ÖNEMLISI!!! Perfmatters'ın Komut Dosyası Yöneticisini kullanın: Divi'nin sunmadığı komut dosyaları ve stiller üzerinde hassas kontrol sağlar!

Şerefe, madb 🙂