Velocidad sitio web - Problema al cargar los archivos Javascript en el footer

Mensajes
202
Puntuación de reacción
0
Hola comunidad,

Estoy aumentando la velocidad de carga de mi blog, de hecho he conseguido un 100% según la herramienta de google page speed insights.

El problema viene cuando cargo los archivos javascript en el footer de mi plantilla de wordpress, obtengo el 100% pero un efecto visual muy feo; es decir, da la sensación que la hoja de estilos no carga correctamente cuando navego por las diferentes secciones.

Algo debo de estar haciendo mal, ¿alguien con experiencia con estos temas podría ayudarme?

Gracias de antemano.
 

lobogris

Platino
Usuario de Bronce
Mensajes
1,537
Puntuación de reacción
0
Si debes estar haciendo algo mal, porque es IMPOSIBLE conseguir un 100% en PageSpeed, y menos en Wordpress, y menos sin ser un profesional.
 
Mensajes
202
Puntuación de reacción
0
Si debes estar haciendo algo mal, porque es IMPOSIBLE conseguir un 100% en PageSpeed, y menos en Wordpress, y menos sin ser un profesional.


Lobogris, aunque no era la respuesta que esperaba; gracias por contestar. El 100% lo conseguí, no entiendo tú sorpresa.

Debido al efecto visual anteriormente mencionado, me he visto obligado(por el momento) a que dichos scripts se carguen desde el header, y por tanto la velocidad ha disminuido.

Gracias
 
Mensajes
202
Puntuación de reacción
0
Doy por sentado que ninguno de los dos, sabe la respuesta a mi pregunta, ¿es así?
 

xtremmetal

Cobre
Usuario de Bronce
Mensajes
928
Puntuación de reacción
0
Si debes estar haciendo algo mal, porque es IMPOSIBLE conseguir un 100% en PageSpeed, y menos en Wordpress, y menos sin ser un profesional.

Cierto, el máximo es como mucho %96


99 en PC por culpa de Google Analitycs. Y así en todas mis webs ya sean wordpress o cualquier script :)


En cuanto a la pregunta de @Alekhine sin ver la web difícilmente pueda responderte.

Saludos.
 

Adjuntos

  • optimimo.jpg
    optimimo.jpg
    66.7 KB · Vistas: 103
Última edición:

lobogris

Platino
Usuario de Bronce
Mensajes
1,537
Puntuación de reacción
0
Doy por sentado que ninguno de los dos, sabe la respuesta a mi pregunta, ¿es así?
No me acordé cuando ví la cita no tenía tiempo. Vamos a ver, si te lo digo no es por ir de experto, que ya lo quisiera, ni de superior que aquí nadie es más que nadie, lo digo por experiencia (que ojo, no es lo mismo tener experiencia que ser experto). Razones:
1.- Javascript: Cualquier archivo Javascript cargado en el header ya hará que Google Pagespeed no te de un 100% ¿por qué? Simple, el Javascript se debe cargar en la medida de lo posible en el footer (y asincrónicamente si se puede), para que en caso de 404 o respuesta lenta del servidor no bloquee la carga del DOM, aunque tu archivo cargue a la velocidad de la luz Google te dirá que puede bloquear el contenido, ilustro:

7462.png
2. Por no hablar de detalles sin lugar a razón como este:

FvG9yh4.png
WOW! 0,46 segundos en responder (ironía), si le paso a google.com Pagespeed me da 92/100 móvil 98/100 ordenador, cuando mi blog WP me da 72 y 88 respectivamente ahora mira la diferencia en gtmetrix, diferencia insignificante teniendo en cuenta los servidores de Google más que mi página tiene imágenes y un vídeo de Youtube

MIMQhBG.png


Y a parte de que me dice que minifique el HTML, lo cual es una optimización casi indiferente dado el tamaño de la página y me cita lo siguiente que también es para partirse, cuando utilizo Bootstrap y no sucede eso:

El contenido de la página es demasiado ancho para la ventana gráfica y el usuario tiene que desplazarse horizontalmente. Adapta el contenido de la página a la ventana gráfica para proporcionar una experiencia de usuario mejor.


El contenido de la página tiene 325 píxeles en CSS de ancho, pero la ventana gráfica solo tiene 320. Los elementos siguientes quedan fuera de la ventana gráfica: {elementos}


Como digo sólo es la experiencia que he tenido con varias webs, no sólo esta, y siempre he obtenido muy buenos resultados en GTMetrix, no me jugaría el cuello a que es imposible el 100%, porque obviamente no lo es, de manera muy fácil, pero para una web 'común' es prácticamente imposible.

En cuanto a tu error, será porque alguna función de tu código debe correr en el header o has colocado mal los archivos y sucede algún conflicto Javascript

- - - Actualización- - -

99 en PC por culpa de Google Analitycs. Y así en todas mis webs ya sean wordpress o cualquier script :)


En cuanto a la pregunta de @Alekhine sin ver la web difícilmente pueda responderte.

Saludos.
Vaya jaja, me excedí un poco pues :roto2: ¿podríamos comparar las webs para ver diferencias? en todas y cada una de las que he probado optimizando desde .htaccess y on page nunca he logrado tanto, por privado claro :)
 
Última edición:

xtremmetal

Cobre
Usuario de Bronce
Mensajes
928
Puntuación de reacción
0
Vaya jaja, me excedí un poco pues :roto2: ¿podríamos comparar las webs para ver diferencias? en todas y cada una de las que he probado optimizando desde .htaccess y on page nunca he logrado tanto, por privado claro :)

Conseguido 100/100 con Google Analitycs

nuevo.jpg

Te mando la url por privado.
 

RubenRamiro

Piedra
Usuario de Piedra
Mensajes
66
Puntuación de reacción
0
Chicos, ami ya me queda poco , pero soy incapaz de solucionar esto en wordpress, os agradecería una ayudita:

Tu página tiene 1 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.

Optimizar la entrega de CSS de estas URL:
http://fonts.googleapis.com/css?family=Open+Sans:300,400,700

Es el unico que me sale.

- - - Actualización- - -

En cuanto al lo de javascript, yo uso en wordpress: Async JS and CSS y me funciona de maravilla. Os lo recomiendo, pero si que es cierto que algunas veces da errores visuales.
 
Mensajes
11
Puntuación de reacción
0
Aprovechando el hilo, mi web carga en 1.60s... creeis que esta bien? Creo que esta bien optimizada ya, podria ser por el hosting que hace que cargue mas lento?
 

Zeokat

Oro
Usuario de Bronce
Mensajes
1,194
Puntuación de reacción
4
Aprovechando el hilo, mi web carga en 1.60s... creeis que esta bien? Creo que esta bien optimizada ya, podria ser por el hosting que hace que cargue mas lento?

Esque cuando se habla de el tiempo en que carga una web depende lo que sea para cada uno el concepto de "tiempo de carga". Si me dices que tarda 1,6 segundos en cargar todo: imágenes, css, html, javascript lo veo bastante bien :mola:
 
Mensajes
11
Puntuación de reacción
0
Esque cuando se habla de el tiempo en que carga una web depende lo que sea para cada uno el concepto de "tiempo de carga". Si me dices que tarda 1,6 segundos en cargar todo: imágenes, css, html, javascript lo veo bastante bien :mola:

Bueno, solo me queda por poner los anuncios de adsense ¿Crees que cambiaría el tiempo de carga?
 

Zeokat

Oro
Usuario de Bronce
Mensajes
1,194
Puntuación de reacción
4
Bueno, solo me queda por poner los anuncios de adsense ¿Crees que cambiaría el tiempo de carga?

Claro que cambia, es cargar más javascript. Pero bueno no se debería notar mucho si es adsense, si es otro tipo de anuncios tendrás que comprobarlo.
 
Mensajes
11
Puntuación de reacción
0
Claro que cambia, es cargar más javascript. Pero bueno no se debería notar mucho si es adsense, si es otro tipo de anuncios tendrás que comprobarlo.

Que va, es adsense y creo que aun puedo rebajarle mas el peso al theme
 

lobogris

Platino
Usuario de Bronce
Mensajes
1,537
Puntuación de reacción
0
Chicos, ami ya me queda poco , pero soy incapaz de solucionar esto en wordpress, os agradecería una ayudita:

Tu página tiene 1 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.

Optimizar la entrega de CSS de estas URL:
http://fonts.googleapis.com/css?family=Open+Sans:300,400,700

Es el unico que me sale.

- - - Actualización- - -

En cuanto al lo de javascript, yo uso en wordpress: Async JS and CSS y me funciona de maravilla. Os lo recomiendo, pero si que es cierto que algunas veces da errores visuales.
Copia el contenido de esa url dentro de tu archivo CSS principal y quita esa etiqueta del head, es probable que te lo siga diciendo pero así haces una petición menos
 
Arriba