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 );
- WordCamp Europe 2023: Triumf technologii i społeczności - 12 czerwca 2023
- WordCamp Polska 2023 – przystanek Gliwice! - 15 maja 2023
- WordUp Trójmiasto #18: Bezpłatna konferencja dla miłośników WordPressa już 22 kwietnia w Gdyni! - 10 kwietnia 2023
Dodaj komentarz
Chcesz się przyłączyć do dyskusji?Feel free to contribute!