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 "";
}
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

Utilizamos cookies propias y de terceros para personalizar el contenido y los anuncios, ofrecer funciones de medios sociales y analizar el tráfico. Además compartimos información sobre el uso que haces de nuestra web con nuestros partners de medios sociales, de publicidad y de análisis web. Si continúas navegando estás dando tu consentimiento para la aceptación de nuestra Política de cookies.

ACEPTAR
Aviso de cookies