entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

0voto

carga asincronica de javascript

Buenas,

Necesito ayuda para resolver un problema de Eliminar JavaScript que bloquea la visualización del contenido de la mitad superior de la página.

Pienso que esto se podría solucionar cargando primero el contenido de la pagina y luego los javascript, pero necesito ayuda para realizar esto.

De no ser ese el método mas efectivo, agradecería mucho que me orientaran en como Eliminar JavaScript que bloquea la visualización del contenido de la mitad superior de la página.

0voto

FelipeMedel comentado

podrías mostrar como estas utilizando los JavaScript, o en que momento se bloquea la visualización de la página??

0voto

Leonardo-Tadei comentado

Como bien dice @FelipeMedel, es imposible ver esto sin poder ver la página funcionando...

2 Respuestas

1voto

Leonardo-Tadei Puntos227320

Hola @jorge98,

sin ver la página funcionando solo se puede dar sugerencias generales...

Una es que todo el JavaScript cargue al final de la página, justo antes del </body>

De esta menara cargará todo el HTML primero y se verá, y posteriormente se procesará el JavaScript.

A veces esto implica modificar algunas cosas: si parte dle JavaScript hace algo sobre la página que requiere que haya un JavaScript cargado de antes, hay que mover esa acción al evento onLoad para que se ejecute después de terminada la carga.

Saludos cordiales

0voto

jorge98 comentado

El sitio es este: https://www.papel-pintado.com

La pagina si carga completa pero el problema es de optimizacion del javascript ya que según google la mitad superior de la pagina debe cargar bastante rápido y en esta pagina los javascript no están permitiendo que esto suceda, por lo cual la pagina no esta perfectamente optimizada.

Pienso que con un Onload como usted lo comenta se puede resolver. Me daría un ejemplo de codificación?

0voto

Leonardo-Tadei comentado

Hola @jorge98,

yo veo cargar la página de forma fluida. Sin usar mi caché local, tarda 3 segundos.

Todo el JavaScript está abajo del todo, así que no enlentece la carga de la página...

No hay uso de JavaScript que se cargue por demanda, así que no hace falta llamar a ninguna función en el onLoad.

Pasala de vuelta por el perfilador de Google a ver si cambia el resultado, verificando que no estés viendo en Google un resultado anterior en vez de una nueva revisión.

Tampoco tomes lo que dice Google como una regla: son sugerencias a seguir, que se pueden cumplir de muchas maneras, y a veces por el funcionamiento de la página, no se pueden implementar.

A mi algunas sugerencias automáticas de Google me parece que son una optimización para que ellos ahorren dinero, y no para que la página funcione mejor... y peor, la mayoría de sitios que perfilan páginas siempre dicen que hay cosas mal y te quieren vender la respuesta perfecta...

Yo, así como está publicada, la veo muy respecto a velocidad y rendimiento.

1voto

pedrourday Puntos3330

Hola @jorge98

Podes probar englobar tu código fuente javascript en el evento window.onload y ver que pasa. Si es javascript externo podés usar esta función javascript:

function loadScript(url) {
   var script = document.createElement('script');
   script.src = url;
   document.head.appendChild(script);
}

window.onload = function() {
   loadScript("ruta/a/script.js");
}

Si eso no funciona, el problema son los script de terceros. Además de la función mencionada, podés usar los atributos "async" y "defer" en los elementos "script". En esta página dice que hacen estos atributos. Proba aplicarle alguno de esos atributos a cada uno de los script, uno a uno, y fijate cual está bloqueando la página. Lo vas a notar en el tiempo de carga. Usa un navegador moderno para hacer las pruebas, nada de IE (requiere IE10 o superior).

Una vez que encontraste cuál es el script problemático, podés decidir si eliminarlo o reemplazarlo, o sino, si este es importante, dejarle algunos de esos atributos mencionados.

Saludos!

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta