He analizado muchas páginas web con esta herramienta:
https://developers.google.com/speed/pagespeed/insights
y en todas dice lo mismo:
Elimine CSS de bloqueo de la renderización del contenido de la parte superior visible.
Su página tiene recursos de CSS que la bloquean. Esto genera un retraso en renderizar la página.
No se pudo renderizar el contenido de la parte superior visible de su página sin esperar que los recursos que se indican a continuación se cargaran. Intente posponer o cargar de forma asíncrona los recursos que bloquean la página, o bien inserte las partes críticas de estos recursos directamente al HTML.
¿Alguien sabe alguna forma de lograr lo que google pide?
En esta web dice que hay que inyectar el fichero externo CSS entre tags <style></style>, pero no sé si esto es buena práctica:
http://www.wextensible.com/como-se-h...sbloquear-css/
http://www.wextensible.com/como-se-h.../css-fold.html