Jak usunąć blokadę renderowania strony przez JavaScript i CSS

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.

/*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 );

• About
• Latest Posts

Mariusz Szatkowski

WordPress programista at WPPoland

Doświadczony Programista WordPress Developer.
Od 2007 tworzy wielojęzykowe, responsywne witryny, sklepy ecommerce jako programista WooCommerce, modyfikując frontend jak i backend stron internetowych pod indywidualne potrzeby klienta.
Przyspiesza i optymalizuje kod witryny pod SEO.
Łata dziury w oprogramowaniu, zabezpiecza i naprawia serwisy www po włamaniach.
Na codzień migruje i dostosowuje strony klientów do WordPressa, szkoli, doradza i optymalizuje nakłady inwestycyjne na nowoczesne rozwiązania komunikacyjne w marketingu internetowym.

Latest posts by Mariusz Szatkowski (see all)

• WordUp Trójmiasto #19 – spotkanie użytkowników WordPressa w Gdyni - 4 grudnia 2023
• Podsumowanie Konferencji WordCamp Gdynia 2023 NextGen - 30 września 2023
• WordCamp Europe 2023: Triumf technologii i społeczności - 12 czerwca 2023