Como cargar los scripts del modo asíncrono en WordPress

miércoles agosto 24, 2022

¿Por qué es importante el modo asíncrono en los scripts?

Modos async y defer para cargar JavaScript

<script async src="https://libreria-externa/archivo.js"></script>

Agregar automáticamente el modo async a todos los scripts

// Agregar async a todos los scripts
function js_async_attr($tag){
 return str_replace( ' src', ' async="async" src', $tag );
}
add_filter( 'script_loader_tag', 'js_async_attr', 10 );

Como excluir scripts del modo async

// Agregar async a los scripts, pero excluyendo tres de ellos
function js_async_attr($tag){
$scripts_to_exclude = array('script-name1.js', 'script-name2.js', 'script-name3.js'); 
foreach($scripts_to_exclude as $exclude_script){
	if(true == strpos($tag, $exclude_script ) )
	return $tag;	
}
return str_replace( ' src', ' async="async" src', $tag );
}
add_filter( 'script_loader_tag', 'js_async_attr', 10 );

Comprobar la mejoría en la optimización

Errores del modo async en WordPress 5

Más información

Otras páginas relacionadas

— @SergioAleman1

— @bolUDOoficial

Categorías: #WordPress, #

---

[0] Atrás | Directorio

 Inicio

Apps Boludo ¡Descarga el icono directo en el menú de tu equipo!

[»] Las mejores Apps para tu celular

[»] Imágenes Gratis

---