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

CAPTCHA


Utilizamos cookies propias y de terceros para el correcto funcionamiento de la web, personalizar el contenido y mostrar publicidad en función de las preferencias del visitante. Puedes encontrar más información en nuestra Política de cookies.

ACEPTAR
Aviso de cookies