Si trabajamos con Elementor habitualmente para desarrollar páginas web en WordPress ya sabremos que por defecto para la biblioteca de iconos utiliza Font Awesome, lo cual es estupendo para contar rápidamente con un buen abanico de iconos para utilizar. En el frontend esta biblioteca solo se carga en la página concreta en la que la estemos usando para mejorar el rendimiento de la misma.
No obstante en ocasiones puede interesarnos, por el motivo que sea, directamente desactivar Font Awesome para la totalidad de las páginas de la web. Elementor no permite hacerlo a través de sus opciones, de modo que para ello tendremos que programar un poco en el archivo de funciones del tema.
Localiza y abre el archivo functions.php que debe encontrarse en el directorio del tema que tengamos activo en la web (si usas un tema hijo ahí es donde deberás hacer las modificaciones). Dentro crearemos un hook con add_action y añadiremos una pequeña función para quitar los estilos asociados a Font Awesome con wp_deregister_style.
add_action('elementor/frontend/after_register_styles',function() {
foreach( [ 'solid', 'regular', 'brands' ] as $style ) {
wp_deregister_style( 'elementor-icons-fa-' . $style );
}
}, 20 );Con este script aunque desde el backend uses iconos de Font Awesome, públicamente no se cargarán. Hacer esto puede ser especialmente útil cuando solo vamos a usar gráficos propios y queremos reducir la carga externa de recursos en la web.
Referencias:
- Cómo acelerar un sitio lento con Elementor (inglés) – Elementor Academy
- Función wp_deregister_style (inglés) – WordPress Developer Resources
Deja una respuesta