Wstaw poniższy kod do pliku functions.php motywu aby odblokować renderowanie wczytywanej strony.
Poniższy snippet pomoże Ci naprawić komunikat „wyeliminuj JavaScript blokujący renderowanie i CSS w treści widocznej na ekranie” w swoich testach np. w gtmetrix lub Google Pagespeed Insights.
Kod dodaje element async do wszystkich skryptów, które są poprawnie dodane w ustawieniach. W zależności od sytuacji, async można zastąpić defer. Sprawdź która wersja daje Ci lepszy efekt.
1 2 3 4 5 6 7 | /*function to add async to all scripts*/ function js_async_attr($tag){ # Add async to all remaining scripts return str_replace( ' src', ' async="async" src', $tag ); } add_filter( 'script_loader_tag', 'js_async_attr', 10 ); |
Doświadczony Programista WordPress Developer, od 2007 tworzy wielojęzykowe, responsywne witryny, sklepy internetowe, strony AMP oraz aplikacje mobilne, modyfikując frontend jak i backend serwisów pod indywidualne potrzeby klienta. Projektuje mikroanimacje i architekturę informacji w witrynach, optymalizuje kod witryny pod SEO. Łata dziury w oprogramowaniu, zabezpiecza i naprawia serwisy www po włamaniach. Od 1996r. tworzy strony www i kampanie online, a od 2007 roku migruje i kastomizuje strony klientów do WordPressa, szkoli, doradza i optymalizuje nakłady inwestycyjne na nowoczesne rozwiązania komunikacyjne w marketingu internetowym.
Dodaj komentarz
Chcesz się przyłączyć do dyskusji?Feel free to contribute!