Товаров:
- Błąd „Odłóż ładowanie ukrytych obrazów”
- Błąd - „Ustaw reguły efektywnego korzystania z pamięci podręcznej dla obiektów statycznych”
- Błędy - „Zmniejsz rozmiar kodu CSS”, „Zmniejsz rozmiar kodu JavaScript”, „Zmniejsz głębokość zagnieżdżania...
- Błąd - „Skonfiguruj wydajne kodowanie obrazu”
- Błąd „Zmniejsz czas odpowiedzi serwera (czas przed otrzymaniem pierwszego bajtu)”
- Błąd „Włącz kompresję tekstu”
- Zaawansowane
Szybkość ładowania witryny jest jednym z czynników rankingu wyszukiwarki. Im szybciej ładuje się strona, tym lepiej.
Możesz sprawdzić, jak szybko Twoja witryna korzysta z Google. PageSpeed Insights .
Dobra prędkość pobierania - jeśli witryna znajduje się w zielonej strefie.
Błąd „Odłóż ładowanie ukrytych obrazów”
Aby skrócić czas przed rozpoczęciem interakcji z witryną, Google zaleca stosowanie zasady leniwego ładowania dla ukrytych obrazów, czyli nie ładowanie ich natychmiast, ale podczas przewijania strony.
Zainstaluj wtyczkę Leniwy optymalizator obciążenia , który dodaje leniwe pobieranie obrazów WordPress, a także obrazów produktów i kategorii produktów WooCommerce.
Błąd - „Ustaw reguły efektywnego korzystania z pamięci podręcznej dla obiektów statycznych”
Często występuje błąd „Ustaw reguły efektywnego wykorzystania pamięci podręcznej dla obiektów statycznych”.
Aby naprawić ten błąd, musisz wstawić następujący kod do pliku .htaccess (znajdującego się w katalogu głównym WordPressa, nadal możesz uzyskać do niego dostęp za pomocą wtyczki Yoast SEO):
# BEGIN EXPIRES <IfModule mod_expires.c> ExpiresActive On ExpiresDefault „dostęp plus 6 miesięcy” ExpiresByType tekst / css dostęp plus 6 miesięcy „ExpiresByType tekst / zwykły” dostęp plus 6 miesięcy „ExpiresByType image / gif” dostęp plus 6 miesięcy „ExpiresByType formularz / png "dostęp plus 6 miesięcy" ExpiresByType image / jpeg "dostęp plus 6 miesięcy" ExpiresByType aplikacja / x-javascript "dostęp plus 6 miesięcy" ExpiresByType aplikacja / javascript "dostęp plus 6 miesięcy Dostęp do aplikacji ExpiresByType / x-icon plus 6 month "</ IfModule> # END EXPIRES
Jeśli masz Yandex.Metrica lub Google Analytics, ten błąd nie zostanie naprawiony. Ale to w porządku, ponieważ te usługi nie spowalniają Twojej witryny.
Błędy - „Zmniejsz rozmiar kodu CSS”, „Zmniejsz rozmiar kodu JavaScript”, „Zmniejsz głębokość zagnieżdżania krytycznych żądań”, „Wyeliminuj zasoby blokujące wyświetlanie”
Te błędy pomogą naprawić wtyczkę Autoptymalizuj . W ustawieniach znajdują się:
- Optymalizuj kod HTML
- Optymalizuj kod javascript
- Zoptymalizuj kod CSS
Aby naprawić błąd „Wyeliminuj zasoby blokujące mapowanie”, zaznacz pole wyboru Osadź wszystkie CSS:
W ten sposób całe css zmieści się na górze strony. Jeśli chodzi o js, wtyczka zbiera wszystkie pliki js do jednego pliku i ładuje je na końcu dokumentu. Oznacza to, że js nie będzie już zakłócać ładowania witryny, co przyspieszy wyświetlanie strony dla użytkownika.
Błąd „Zmniejsz głębokość zagnieżdżania krytycznych żądań” może wystąpić, jeśli witryna używa czcionek Google. Kliknij kartę „Zaawansowane” tej wtyczki. Tam musisz ustawić ustawienie dla czcionek Google - Połącz i wczytaj w głowie (czcionki ładują się późno, ale nie blokują renderowania).
Błąd - „Skonfiguruj wydajne kodowanie obrazu”
Aby zoptymalizować obrazy, zainstaluj wtyczkę WP Smush . Ta wtyczka optymalizuje wszystkie obrazy przesłane do biblioteki multimediów WordPress.
Jeśli są pobrane obrazy z katalogu motywów, będą musiały zostać zoptymalizowane ręcznie.
Dobra strona, na której możesz zoptymalizować zdjęcia online - https://tinypng.com/
Błąd „Zmniejsz czas odpowiedzi serwera (czas przed otrzymaniem pierwszego bajtu)”
Najczęściej pomaga w walce z wtyczką WP Super Cashe . Po instalacji musisz włączyć buforowanie w ustawieniach wtyczki i włączyć opcję „Kompresuj pliki pamięci podręcznej, aby przyspieszyć pracę”:
Jeśli to nie pomoże, warto pomyśleć o zmianie hostingu na lepszy.
Błąd „Włącz kompresję tekstu”
Dodaj do pliku .htaccess:
<ifModule mod_deflate.c> AddOutputFilterByType DEFLATE tekst / html tekst / zwykły tekst / xml aplikacja / xml aplikacja / xhtml + xml tekst / css tekst / javascript aplikacja / javascript aplikacja / x-javascript </ ifModule>
Zaawansowane
Fragment, który dodaje asynchroniczne ładowanie skryptów połączonych za pomocą wp_enqueue_script ():
add_filter ('script_loader_tag', 'add_async_attribute', 10, 2); funkcja add_async_attribute ($ tag, $ handle) {if (! is_admin ()) {if ('jquery-core' == $ handle) {return $ tag; } return str_replace ('src', 'defer src', $ tag); } else {return $ tag; }}