separar CSS del codigo HTML

usar menos las etiquetas <style>, si pones los estilos en un fichero .css, el navegador los podra guardar en la cache y te permitira cargar mas rapidamente cada una de las paginas.

por lo contrario, si tienes en cada pagina una etiqueta <style> con los estilos obligaras al usuario a cargar una y otra vez los estilos

caso practico:

si utilizas plugins para wordpress, podras ver que algunos de estos te añaden una etiqueta <style> con los estilos necesarios para el funcionamiento del plugin

solucion:

1. mira el codigo fuente de tu pagina principal
2. busca alguna si hay alguna etiqueta <style>
3. normalmente se muestra el nombre del plugin, apunta el nombre
4. copia los estilos que hay dentro de <style> y los pegas en tu plantilla css principal
5. ahora dirigete a la carpeta:
   /wp-content/plugins
6. busca el fichero correspondiente al plugin, normalmente el nombre del fichero es el mismo que el del plugin
7. abre el fichero y busca la etiqueta <style>, encontraras algo parecido a esto:
   PLAIN TEXT
   PHP:

   1. function wpv_actualizacion_css()
   2. {
   3. //estilo para el plugin
   4. echo ' <style type="text/css" media="screen"> /* estilo plugin ultima modificacion */ .lbl_actualizacion {font-weight:bold;color:green;} </style>';}

8. seguramente estara dentro de una funcion, copia el nombre de la funcion en el ejemplo de arriba wpv_actualizacion_css y buscas el nombre en el mismo fichero, seguramente te saldra algo asi:
   PLAIN TEXT
   PHP:

   1. add_filter('wp_head', 'wpv_actualizacion_css');

9. para desactivarlo solo tienes que poner dos barras // que en PHP significa que es un comentario, quedando asi:
   PLAIN TEXT
   PHP:

   1. //add_filter('wp_head', 'wpv_actualizacion_css');