Cześć!

Po pierwsze, przeczytaj ten artykuł: https://onlinemediamasters.com/perfmatters-settings/

następnie przeczytaj to: https://www.elegantthemes.com/blog/divi-resources/divi-speed-optimization

Przetestuj, porównaj, a na koniec obejrzyj ten film na YouTube (ponad 2 godziny):

...i na koniec - ten artykuł jest również interesujący - ponownie o wydajności Divi: https://onlinemediamasters.com/divi-slow-loading-website/

Powodzenia!

Dzięki, Mik

Korzystanie z Perfmatters z Divi może znacznie zwiększyć wydajność.

Istnieją jednak pewne funkcje, które należy skonfigurować ostrożnie, aby uniknąć konfliktów.

Oto moje przemyślenia + ustawienia:

1. Struktura modułów dynamicznych

• Co robi: Ładuje tylko moduły Divi używane na stronie, redukując wzdęcia.
• Potencjalny konflikt: Brak. Perfmatters nie ma podobnej funkcji.
• Zalecenie: Włącz to w Divi dla lepszej wydajności.

2. Dynamiczny CSS

• Co robi: Dynamicznie generuje i ładuje tylko CSS potrzebny dla strony.
• Potencjalny konflikt: Brak. Perfmatters nie zakłóca ładowania CSS specyficznego dla Divi.
• Zalecenie: Włącz dynamiczny CSS w Divi.

3. Dynamiczne ikony

• Co robi: Ładuje tylko czcionki ikon używane na stronie.
• Potencjalny konflikt: Brak. Perfmatters nie zarządza zachowaniem czcionek ikon.
• Zalecenie: Włącz ją w Divi, aby zminimalizować ładowanie czcionek ikon.

4. Załaduj dynamiczny arkusz stylów Inline

• Co robi: Ładuje dynamiczne style inline zamiast używać zewnętrznych arkuszy stylów.
• Potencjalny konflikt: Brak. Perfmatters nie obsługuje bezpośrednio stylów inline.
• Zalecenie: Przetestuj tę opcję. Może poprawić wydajność dla małych CSS, ale może zaszkodzić, jeśli style inline są rozbudowane.

5. Krytyczny CSS

• Co robi: Generuje i ładuje krytyczne CSS dla treści powyżej strony.
• Potencjalny konflikt: Brak. Perfmatters nie generuje krytycznych CSS.
• Zalecenie: Włącz ją w Divi, aby przyspieszyć renderowanie.

6. Wysokość progu krytycznego

• Co robi: Ustawia wysokość rzutni dla krytycznego generowania CSS.
• Potencjalny konflikt: Brak.
• Zalecenie: Dostosuj to ustawienie w razie potrzeby w oparciu o swój układ. Nie pokrywa się z Perfmatters.

7. Dynamiczne biblioteki JavaScript

• Co robi: Ładuje tylko niezbędne biblioteki JavaScript.
• Potencjalny konflikt: Menedżer skryptów Perfmatters może powodować konflikt, jeśli ręcznie wyłączysz te same biblioteki.
• Zalecenie: Włącz ją w Divi, ale unikaj ręcznej kontroli skryptów w Perfmatters, chyba że jest to konieczne.

8. Wyłącz emotikony WordPress (nadal będą ładowane w systemie operacyjnym i przeglądarce).

• Co robi: Powstrzymuje WordPress przed ładowaniem skryptów i stylów związanych z emoji.
• Potencjalny konflikt: Perfmatters oferuje tę samą opcję.
• Zalecenie: Użyj tej opcji w Divi lub Perfmatters, ale nie w obu.

9. Odroczenie bloku CSS Gutenberg

• Co robi: Odracza ładowanie CSS bloku Gutenberg.
• Potencjalny konflikt: Perfmatters może również odroczyć Gutenberg CSS.
• Zalecenie: Użyj tej opcji w Divi lub Perfmatters, nie w obu.

10. Popraw ładowanie czcionek Google

• Co robi: Optymalizuje sposób ładowania czcionek Google poprzez łączenie lub odraczanie żądań.
• Potencjalny konflikt: Perfmatters oferuje podobną optymalizację czcionek Google.
• Zalecenie: Użyj tego w Divi lub Perfmatters. Przetestuj oba, aby zobaczyć, który działa lepiej.

11. Odroczenie jQuery i jQuery Migrate

• Co robi: Opóźnia ładowanie jQuery i jego skryptu migracji.
• Potencjalny konflikt: Perfmatters oferuje podobną funkcję.
• Zalecenie: Użyj tego w Divi lub Perfmatters, ale nie w obu. Przetestuj dokładnie, ponieważ odroczenie jQuery może spowodować problemy z kompatybilnością z wtyczkami lub niestandardowymi skryptami.

Zalecenia ogólne:

• Używaj nakładających się funkcji w Divi lub Perfmatters, nie w obu.
• Test, test, test: Użyj narzędzi takich jak Google PageSpeed Insights lub GTmetrix do monitorowania wydajności.
• I CO NAJWAŻNIEJSZE!!! Użyj Menedżera skryptów Perfmatters: Zapewnia precyzyjną kontrolę nad skryptami i stylami, czego Divi nie oferuje!

Na zdrowie, madb 🙂