- Desde
- 21 Feb 2013
- Mensajes
- 70
Como es un post largo lo he dividido en dos partes:
Aquí explico lo que tengo en mi blog por si se os ocurre que la solución puede ser otra diferente a la que yo creo
Estoy montando mi primer blog en wordpress, lo tengo en el hosting más barato de banahosting y estoy usando un child theme de twenty eleven creado por mi mismo. Solamente he añadido el logo de mi web en el css style del child theme, y he cambiado parte del código para añadir el sidebar, breadcrumbs y el código de analytics.
El caso es que cuando paso mi web por Google page speed insights me dice:
Elimina el javascript que bloquea la visualización y el CSS del contenido de la mitad superior de la página.
Tu página tiene 2 recursos CSS que provocan un bloqueo. Ello causa un retraso en el procesamiento de la página.
No se ha podido visualizar el contenido de la mitad superior de la página sin tener que esperar a que se cargara alguno de los recursos. Intenta aplazar o cargar de forma asíncrona los recursos que bloquean la visualización, o bien inserta porciones críticas de dichos recursos directamente en el HTML.
Esto me pasa también cuando cargo en la web el theme original de twenty eleven, y con todos los themes que he probado.
A mi web no le he agregado nada más que el pluging SEO by Yoast y el w3 total caché, he probado desactivando este último y sigo con el mismo problema por lo que no es un problema de la configuración.
Aquí explico lo que creo que puede ser y pido la información necesaria para arreglarlo
El problema del javascript no se cual puede ser, a ver si a alguien se le ocurre algo, supongo que será algún recurso del theme, no se si se referirá a la carga del logo de mi web, que está en el header y pesa 8kb. Según tengo entendido se puede retrasarla carga de los scripts para que dejen primero cargar la página ahorrando segundos de carga.
El problema con el CSS según me dice el pagespeed insights es básicamente la carga del style.css de la plantilla, según he leido, se puede añadir el css que usa una parte concreta del template al archivo propio del template, haciendo que en vez de cargar todo el CSS de golpe y usar solo una porción, carga solo la porción a ser usada. El problema es que solo he encontrado la forma de hacer esto con el HTLM y wordpress está en PHP, por lo que supongo que con algú código que desconozco, podría añadir a mi child theme por ejemplo, el archivo header.php, y añadir dentro de este el código CSS que usa el header con el código PHP correspondiente.
¿Se podrá hacer así? ¿Que código debría usar con el PHP para introducir el CSS? ¿Se os ocurre otra manera?
Primero de todo, siento el tochaco, espero que esto también le pueda servir a más gente que tenga este problema o alguno parecido.
Muchisimas gracias a todos:encouragement: Un saludo.
Aquí explico lo que tengo en mi blog por si se os ocurre que la solución puede ser otra diferente a la que yo creo
Estoy montando mi primer blog en wordpress, lo tengo en el hosting más barato de banahosting y estoy usando un child theme de twenty eleven creado por mi mismo. Solamente he añadido el logo de mi web en el css style del child theme, y he cambiado parte del código para añadir el sidebar, breadcrumbs y el código de analytics.
El caso es que cuando paso mi web por Google page speed insights me dice:
Elimina el javascript que bloquea la visualización y el CSS del contenido de la mitad superior de la página.
Tu página tiene 2 recursos CSS que provocan un bloqueo. Ello causa un retraso en el procesamiento de la página.
No se ha podido visualizar el contenido de la mitad superior de la página sin tener que esperar a que se cargara alguno de los recursos. Intenta aplazar o cargar de forma asíncrona los recursos que bloquean la visualización, o bien inserta porciones críticas de dichos recursos directamente en el HTML.
Esto me pasa también cuando cargo en la web el theme original de twenty eleven, y con todos los themes que he probado.
A mi web no le he agregado nada más que el pluging SEO by Yoast y el w3 total caché, he probado desactivando este último y sigo con el mismo problema por lo que no es un problema de la configuración.
Aquí explico lo que creo que puede ser y pido la información necesaria para arreglarlo
El problema del javascript no se cual puede ser, a ver si a alguien se le ocurre algo, supongo que será algún recurso del theme, no se si se referirá a la carga del logo de mi web, que está en el header y pesa 8kb. Según tengo entendido se puede retrasarla carga de los scripts para que dejen primero cargar la página ahorrando segundos de carga.
El problema con el CSS según me dice el pagespeed insights es básicamente la carga del style.css de la plantilla, según he leido, se puede añadir el css que usa una parte concreta del template al archivo propio del template, haciendo que en vez de cargar todo el CSS de golpe y usar solo una porción, carga solo la porción a ser usada. El problema es que solo he encontrado la forma de hacer esto con el HTLM y wordpress está en PHP, por lo que supongo que con algú código que desconozco, podría añadir a mi child theme por ejemplo, el archivo header.php, y añadir dentro de este el código CSS que usa el header con el código PHP correspondiente.
¿Se podrá hacer así? ¿Que código debría usar con el PHP para introducir el CSS? ¿Se os ocurre otra manera?
Primero de todo, siento el tochaco, espero que esto también le pueda servir a más gente que tenga este problema o alguno parecido.
Muchisimas gracias a todos:encouragement: Un saludo.
