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