Cargar css en línea en WordPress sin plugins

25 de /abril04 de /2020
1m 18s
wordpress
0 comentarios
5814

Uno de los grandes problemas hoy en día en un proyecto es la optimización de los recursos que bloquean la carga de la página, una solución puede ser cargar el css en línea en lugar de llamar al archivo css, para ello normalmente se recurre a la utilización de plugins, pero esto no nos dá un control total ya que dependemos de las características del plugin.

Cargar el css en línea tampoco es aconsejable para todo tipo de proyectos, en cada caso se debe personalizar por archivos ya que en proyectos muy grandes y con muchas visitas podría suponer un problema si no se hace correctamente, en todo caso, siempre se puede comprobar el resultado en herramientas cómo Google Speed Insigths o GMetrix.

Vamos allá, lo primero que tenemos que hacer es tener localizado el archivo css, preferiblemente minificado, una vez tenemos esto claro, creamos la siguiente función en nuestro archivo functions.php

function ddw_inline_css() {
	$custom_css = file_get_contents('http://mi-proyecto/wp-content/themes/mi-tema/style.css');
	echo "<style>".$custom_css."</style>";
}
add_action( 'wp_enqueue_scripts', 'ddw_inline_css' );

Valoraciones

Sé el primero en valorar

* Tu valoración puede tardar hasta 72 horas en publicarse.

He leido y acepto el Aviso legal y condiciones de uso

Quizás te interese ...

Utilizamos cookies para mejorar tu experiencia

Utilizamos cookies propias y de terceros para personalizar el contenido, analizar nuestros servicios, ofrecer funciones de redes sociales, analizar el tráfico y mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación.

Permitir todas las cookies Configurar Política de cookies