Mejora el rendimiento de tu Blog optimizando los CSS y JavaScript: "Remove render-blocking JavaScript and CSS in above-the-fold content"

Gracias Vero!... un honor leer a una Blogger como tú por aquí. Hombre, el cambio es difícil porque requiere mucho técnicamente. No obstante, ofrece casi la máxima puntuación posible. Aunque alcanzar 90-92 es posible por mucho que haya .css externos (siempre que no sean un montón).

Lo dicho un placer leerte aquí. Un saludo!

Hombre, incrementa muchísimo el rendimiento este punto, pero yo lo encuentro demasiado técnico. Quizás te vendría bien probar con esto: http://diariosdelanube.blogspot.com.es/2013/05/como-solucionar-los-problemas-de.html

Si haces todo lo que ahí pone, alcanzar una puntuación de 90-92 te ayudará mucho en el posicionamiento y en la experiencia de tus usuarios.

Y por supuesto para las dudas aquí me tienes.

Hola Esneider!,
un placer ayudar.Unas veces trato temas simples y otras veces más técnicos o complejos. Intento acercar el mundo web y los blogs a todas las personas, tengan el conocimiento que tengan.

Son dos buenas cargas con una buena priorización de carga de contenido, tal como explico en la guía que he liberado hoy: http://diariosdelanube.blogspot.com.es/2013/09/la-guia-de-rendimiento-para-bloggers_16.html

En mi caso, depuré los .js que realmente me hacía falta "atc" (above the fold). Claramente los más necesarios son los que indicas

Así lo tengo yo, lo ideal es que utilices las variantes de carga ASÍNCRONA, eso mejorará sensiblemente el tiempo de respuesta en navegadores antiguos y dará mayor sensación de fluidez en navegadores modernos (o con problemas de latencia como sucede con los móviles).

Si quieres, como no me deja copiarte el código la caja de comentarios de Blogger, escríbeme a miguelcolomer@gmail.com y te contesto con los scripts asíncronos que estoy usando.

Un saludo y encantado de conocerte Esneider. Cualquier cosa aquí me tienes.

Me corrijo, olvidé convertir a texto plano u_u

El CSS inline se corta, pone esos skin templates, y se vuelven a poner CSS inline:

........margin: 0 auto;
}
]]></b:skin>
<b:template-skin>
<b:variable default='960px' name='content.width' type='length' value='1200px'/>
<b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
<b:variable default='310px' name='main.column.right.width' type='length' value='350px'/>
<![CDATA[
body {
min-width: $(content.width);
................. etc.

Eso es lo que sucede, saludos

Si pusiste personalizaciones de tu estilo, píllalas de "avanzado" y las pegas al final del css inline que hayas utilizado en la página. Con esto tendrás también tus personalizaciones. Es que en el css original no se graban las personalizaciones, estas las añade Blogger al final del CSS.

¿Te está funcionando todo ok ya?

¡GUAU! ¡ES INCREÍBLE!
Como me desconfiguraba todo, he pasado unos días optimizando las imágenes y he arreglado todos los artículos.
Llegaba al 80/100, pero no me he dado por satisfecho, así que he pasado 3 horas intentando esto.
El problema es que en "Avanzado" no me aparecían los estilos, así que yo agarraba la parte de abajo que me salían separados por:
</style>
<b:template-skin>
<b:variable default='960px' name='content.width' type='length' value='1200px'/>
<b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
<b:variable default='310px' name='main.column.right.width' type='length' value='350px'/>
<![CDATA[
body {
min-width: $(content.width);
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: $(content.width);
max-width: $(content.width);
_width: $(content.width);
}

Pero eso estaba mal porque al parecer son las últimas definiciones del cuerpo principal, así que dejé todo eso que hace referencia a otro lado con el símbolo del dólar $ y cogí todo lo demás y seguí los pasos.

Por último he querido ordenar un poquito el código con dirtymarkup.com, pero me di cuenta que eso destrozaba las variables del comienzo de la plantilla, lo cual por cierto yo no comprendo ya que se supone que están comentadas. Agarré el CSS Bundle, lo puse ordenadito arriba del todo, en medio las variables, y abajo todo el resto del código exceptuando el que ya dije que lo dejé donde estaba.

Y ya todo genial, me ha dado un 90/100 y he alucinado, tendré que cuidar las imágenes también. Ahora lo que quiero saber es si en Blog se puede especificar la duración de la caché, o si me equivoco al entender ese término, sé que debes tenerlo en este Blog, lo buscaré.

Saludos y muchas gracias. Respecto al JS ya lo tenía todo en la plantilla hace tiempo.

La optimización de los CSS es radical en Pagespeed y se nota mucho en el tiempo de carga, mejora sensiblemente. De veras me alegro muchísimo de que hayas conseguido mejorar la velocidad con estos pasos, lo vas a notar también en visitas y tus usuarios lo agradecerán.

Por otro lado, hazte el tutorial completo, los Javascript deben estar bien colocados (hay algunos que deben estar antes del cierre del head y otros en la página) y minimizados para mejorar aún más la velocidad... hazte un "tour" por todo este tutroial y verás qué de cosas puedes hacer: http://diariosdelanube.blogspot.com.es/2013/09/la-guia-de-rendimiento-para-bloggers_17.html

En cuanto a la caché, tal como se ve en los capítulos de la guía, no vas a poder hacer nada porque en blogger no podemos tocar directamente el archivo del servidor para reescribir las cabeceras http: http://diariosdelanube.blogspot.com.es/2013/09/activar-la-compresion-de-contenidos.html

Y ¡90! es una pasada, está muy bien. Optimizando las imágenes de la página principal vas a conseguir unos cuantos puntitos más: http://diariosdelanube.blogspot.com.es/2013/09/gana-velocidad-para-tu-blog-optimizando.html

¡Un saludo Klaus!, un placer leerte.

Hola Robinson, una enorme alegría que te guste y sobre todo que te pueda servir en tu Blog o página web.

1) Antes de hacer cualquier cosa en tu Blog puedes hacer la copia de seguridad: http://www.diariosdelanube.com/2013/04/realizar-una-copia-de-seguridad-de-tu.html Aunque lo del blog de pruebas es la mejor idea para practicar.

2) 95 es una velocidad bestial!!!. Lo que no entiendo es a qué te refieres con que se te modifica la plantilla. Hombre, a ver, a mí me pasa que Blogger cuando construye el HTML a partir del XHTML si cambia cosas y algunos códigos que comprimo me aparecen descomprimidos. Pero esto a penas baja el rendimiento nominal.

2) hay varias formas de declarar "javascript" en tu página:

a) Archivos de javascript externos: localiza cualquier texto que termine con ".js" : estos son archivos externos que contienen javascript que se ejecuta en tu blog.

b) localiza la palabra javascript. Normalmente si hay funciones javascript irán dentro de una cadena donde ponga javascript y después cierre etiqueta con /script (el /script con < y > a cada lado, es que en los comentarios no puedo ponerte código).

c) Cualquier cosa que esté entre script entre < y > y /script entre < y >.

3) Entre los javascript que tengas, varios serán de Google y dependiendo qué quieras hacer, sería conveniente no eliminarlos.

Mis recomendaciones para poner a tope de velocidad tu página son (pero es necesario EXPERIENCIA en HTML, CSS y JS):

1 - Ejecutar el tutorial para realizar CSS inline y optimización de javascript: http://www.diariosdelanube.com/2013/09/la-guia-de-rendimiento-para-bloggers_10.html

2 - Optimiza las imágenes: http://www.diariosdelanube.com/2013/06/mejora-la-velocidad-de-tu-blog-iii.html

3- En lugar de utilizar el traductor de Google, utilizar uno con banderitas o similar. El de mi web te puede servir.

Si deseas realizar esto pero se te hace complicado, yo realizo trabajos por un dinerillo para otros Bloggers, para renovarles la página u optimizarles el rendimiento. Cualquier cosa que necesites al respecto me puedes escribir a miguelcolomer@diariosdelanube.com o miguelcolomer@gmail.com.

Un saludo y suerte!!!, cualquier cosa pregunta.

Enhorabuena Robinson,
eres un buen ejemplo de constancia y de auto-aprendizaje, de cómo uno mismo con su esfuerzo y la documentación adecuada puede llegar a conseguir resultados profesionales.

Mi enhorabuena, eso unido a una persistencia y constancia tenaz en el trabajo es lo que te ayudará a obtener éxito en todo lo que te propongas.

Hola jarckol, genial lo del CSS. Este verano han actualizado las normas de javascript y ya no basta con que sea "inline", ahora hay que realizar las llamadas en diferido o asíncrono. Así pues:

1) Asegúrate en primer lugar de haber hecho en esta guía todo lo que pone bajo el título "Paso a paso con el JAVASCRIPT ". Con esto tendrás el javascript inline y listo para estar optimizado sin necesidad de realizar cargas externas de servidores.
2) Para la llamada a jquery, realiza esta guía para cargarlo asíncronamento o en diferido: http://www.diariosdelanube.com/2014/07/como-mejorar-el-rendimiento-de-tu-sitio.html Prueba primero una llamada en asíncrono y si ves que no funciona haces el ejemplo en diferido.

Cualquier cosa por aquí ando.

Un saludo y muchas gracias,

Miguel.

Ash! no puedo bro, hago lo indicado aqui, pero lo de las librerias jquery no lo entiendo, no se como hacerlo. :(

Esta captura es del mensaje que me sale en page Speed >>> http://4.bp.blogspot.com/-ut8sQh9Ezfk/U9hSEsRev0I/AAAAAAAAHDU/UMdYRL0yTvQ/s1600/0.PNG
me indica que este archivo es el del problema >>> http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js

Pero en la plantilla no encuentro ese archivo en ninguna parte..

Pero le doy en ver codigo fuente de l apagina y si sale el archivo
>>> http://1.bp.blogspot.com/-oYX7jLrbPXY/U9hSbo8jXMI/AAAAAAAAHDc/cG9bn1X8xXc/s1600/1.PNG

Si me puedes organizar el codigo y decirme como agregarlo en la plantilla de lo agradeceria mucho :D

Todo lo demas me funciona perfecto..

Hola,
analizando el código fuente de tu página se ve que está en el gadget HTML7, busca en la vista de diseño cuál es el que tiene ese identificador. En el código HTML/Javascript de ese gadget mete una llamada asíncrona a ese jquery para solucionar el problema o directamente elimina ese jquery si es un accesorio que no aporte nada en el Blog.

Un saludo!!

jeje ya, era un gatgets de una ventana pop up que tenia, no recordaba... ahora si solucionado :D
Otra duda, en gtmetrix me dice que debo redimencionar las imagenes, ya mire un post aqui sobre eso pero no es lo que quiero..

Tratare de explicarte a ver si me entiendes.

En todas las entradas la imagen principal son de estas dimenciones 400x171 px, unas menos, pero no pasan de ahi...

Pero en la miniatura de cada entrada es de 197x157 px
esto es lo que me sujieren
http://2.bp.blogspot.com/-qb4r1O_vRqU/U9kUKXkPoYI/AAAAAAAAHD8/F5V89TjvP_k/s1600/tama%C3%B1o.PNG

pero si le coloco esas dimenciones a la propia imagen en la entrada quedaria distorcionada,,
como areglaria eso?

tambien cuando agrego mas de 2 o 3 imagenes en las entradas en la pagina principal al analizar me muestra esas imagenes que se necesitan optimizar. pero no entiendo por que, ya que no estan cargandose en la pagina principal solo deben salir cuando abro dicha entrada..

si me resuelves esas dudas te lo agradesco :D

GTMetrix utiliza estándares mucho más ortodoxos que Pagespeed. El problema es que GTMetrix sigue utilizando las normas clásicas de rendimiento a la hora de tratar imágenes que obligan a que éstas no puedan escalarse a valores en píxeles por encima del tamaño nativo de la imagen o por debajo.

En Pagespeed están solucionando un tema con el cálculo y detección del escalado de imágenes para que no sea obligatorio que la imagen se presente en su resolución nativa en el navegador. Permitirán que la imagen pueda crecer o decrecer un tanto por ciento con respecto a su resolución nativa (posiblemente un 50%). De esta manera, ahora con los diseños Responsive donde se trabaja muchísimo con los escalados y adaptaciones de imagen, se podrán utilizar resoluciones no nativas para que queden bien las imágenes en todos los dispositivos (móviles, pcs, tabletas).

En tu caso, si quieres cumplir con GTMetrix y con como está ahora Pagespeed hasta que resuelvan el tema del escalado, lo único que puedes hacer es mostrar la imagen en su resolución nativa. Esto es, si la imagen mide 150x150px no la escales a un tamaño mayor o menor (de 150 a 200 o de 150 a 72). Pero vamos, en un futuro esto no será necesario.

Si te fijas todas las imágenes que yo utilizo están en su resolución nativa y empleo media queries para presentar distintos tamaños según resolución. Esto es posible en mi web porque es muy simple, en ella prima el contenido de texto frente a todo (son tutoriales, guías... cosas de sólo texto).

En segundo lugar, siempre debes optimizar "el peso" (tamaño en KB) las imágenes como pongo en este artículo (según los ejemplos que ponen en Google Developers): http://www.diariosdelanube.com/2013/06/mejora-la-velocidad-de-tu-blog-iii.html o en este http://www.diariosdelanube.com/2013/09/gana-velocidad-para-tu-blog-optimizando.html

Cualquier duda me dices. Un saludo!!!

WoW, ¡muy bueno!, esa velocidad ya es muy buena.

Para minimizar el javascript, el html y los css hazte esta guía: http://www.diariosdelanube.com/2013/09/minimiza-los-css-javascript-y-el-html.html

Con eso subirás un pelín más.

Un saludo y enhorabuena!!!

Hola Jorge, 86 ya es muy buena puntuación, ya sólo te queda ajustar el bloqueo por css y javascript.

Con el de css la duda que tengo es si se trata de un Blog de Blogger o es uno en WP. La idea es que hagas "inline" el css que utilices.

Si es Blogger haz primero los pasos que están bajo el subtítulo "Paso a paso con los CSS:" de esta guía desde el 0 al 6.

Comienza por ahí y luego seguimos. Me vas comentando las dudas que te surjan y haz siempre copia de seguridad.

Ánimo que te queda muy poco para alcanzar el 90. Aquí estoy para las dudas, empieza por los css y luego vamos al javascript.

Un slaudo!

Lo primero de todo, gracias por tu ayuda, estoy consiguiendo aumentar mucho la velocidad de mis blogs.

Estoy hablando de blogger y ya que en un blog un me salía y estaba atascado me puse con otro (con una plantilla diferente) pero sigue dando error, aunque éste sea completamente diferente.

Lo que yo veo es que al cambiar las etiquetas que rodean el css se dejasusta y es entonces cuando da error.

En el primer blog las variables comentadas, daban problemas, me decía que añadiera "" y cuando lo hacía no aparecía correctamente el blog, aunque eso sí el pagespeed se disparaba.

En el segundo, he ido probando a añadir algunas cosas dentro del que podía sin que se desestabilizara el blog, pero si lo intentaba hacer realizando los pasos, al ponerlo dentro el "<style type="text/css"><!-- /*< type='text/css'> (he quitado "style" para escribirlo en el comentario aquí") me salta error, no en las variables, ya que no están declaradas en esta plantilla sino al hacer referencia a una url con "&" en un archivo que lo lee como si llamase a una variable. Pero si incluyo todos los css menos ese que me da problemas no da error pero sí que desaparece el lápiz de editar, y supongo que a lo mejor ese no sea el único problema.

Por el momento ya voy por 88, y sólo me queda el css, para que se dispara, ya que probando a unirlo ponerlo inline (y tratando de que no salte error toqueteando) me ha llegado a dar 96, pero hay algunos errores (no demasiado graves pero errores) que me impiden dejarlo asi.

Aclaro que los código los copio y los pego bien tal y como salen en la entrada, sólo que han desaparecido al ponerlos aquí.

Voy respondiendo cada cuestión:

[JORGE]
"Lo primero de todo, gracias por tu ayuda, estoy consiguiendo aumentar mucho la velocidad de mis blogs."
[MIGUEL]
Genial Jorge, para mí es una alegría ayudar y que sirva. La velocidad es fundamental para conseguir una usabilidad plena.

[JORGE]
Estoy hablando de blogger y ya que en un blog un me salía y estaba atascado me puse con otro (con una plantilla diferente) pero sigue dando error, aunque éste sea completamente diferente.

Lo que yo veo es que al cambiar las etiquetas que rodean el css se dejasusta y es entonces cuando da error.
[MIGUEL]
La clave está en conseguir editar la plantilla para que el css quede inline. No debería alterar eso la presentación. Debes conseguir que todas las clases del CSS queden metidas dentro de las etiquetas que te he puesto en la guía.

[JORGE]
En el primer blog las variables comentadas, daban problemas, me decía que añadiera "" y cuando lo hacía no aparecía correctamente el blog, aunque eso sí el pagespeed se disparaba.

En el segundo, he ido probando a añadir algunas cosas dentro del que podía sin que se desestabilizara el blog, pero si lo intentaba hacer realizando los pasos, al ponerlo dentro el "<style type="text/css"<!-- /*< type='text/css' (he quitado "style" para escribirlo en el comentario aquí") me salta error, no en las variables, ya que no están declaradas en esta plantilla sino al hacer referencia a una url con "&" en un archivo que lo lee como si llamase a una variable. Pero si incluyo todos los css menos ese que me da problemas no da error pero sí que desaparece el lápiz de editar, y supongo que a lo mejor ese no sea el único problema.
[MIGUEL]
Prueba a poner en el código que añadas dentro de las etiquetas del CSS el CDATA: //<![CDATA[ yo lo uso mucho en javascript para que no te de los errores del & y no tengas que utilizar caracteres de escape tipo &amp.

[JORGE]
Por el momento ya voy por 88, y sólo me queda el css, para que se dispara, ya que probando a unirlo ponerlo inline (y tratando de que no salte error toqueteando) me ha llegado a dar 96, pero hay algunos errores (no demasiado graves pero errores) que me impiden dejarlo asi.
[MIGUEL]
Comprueba que hayas metido todas las clases que necesitas. Antes de comprimir el css inline, mete las clases tal cual "a pelorro". Con el Javascript todo depende de la colocación.

Ya casi lo tienes ;)

Muchísimas gracias por todo. La clave estaba en el orden del css.

Al principio de la guía tenía 76 en ordenadores y 71 en móviles, ahora 92 y 90 respectivamente. Sólo me quedaría priorizar el contenido visible (html) y ser más estricto con la optimización de imágenes, ya que hay errores que son culpa de Adsense.

Espero porder conseguir lo mismo en todos mis blogs.

Cualquier cosa aquí estoy Jorge. Para la priorización del contenido visible, trata de que se dibuije "del tirón" la página. Reordena tu Javascript, sigue estas recomendaciones: http://www.diariosdelanube.com/2014/07/como-mejorar-el-rendimiento-de-tu-sitio.html Vienen varios ejemplos prácticos y te vendrá muy bien. Trata de que el Javascript que no sea necesario tener cargado antes de que se dibuje la página, esté al final, justo antes del cierre del /body>. Intenta usar Javascript asíncrono (async) o diferido (deferred) como te explico en la guía que te he pasado.

un saludo!,

Hola!,
esto que muestras parece parte de un script que monta una css. En este caso es mejor no tocarlo. Si quieres saber qué es una css y de más, aprovecha esta guía: http://www.diariosdelanube.com/2014/01/que-son-las-css-que-es-el-html-para-que.html

Un saludo y cualquier cosa aquí me tienes para las dudas.

Muchas gracias, voy a seguir tu consejo. Por casualidad creaste alguna entrada en donde hables de como condicionar los widgets para que no aparezcan en la versión movil del blog?

Muchas gracias nuevamente!

Para las dudas, aquí me tienes.

Sí claro, para lo del móvil esto te puede ayudar bastante: http://www.diariosdelanube.com/2013/11/personaliza-tu-plantilla-blogger-para.html

Un saludo!

A mí me sucede a veces lo mismo con los compresores. Yo mi página por ejemplo, no puedo comprimirla en los estilos porque me termina dando errores dependiendo del navegador donde funcione.

Yo he llegado a 98 en Pagespeed por eso, sino alcanzaría posiblemente el 100. Ya te digo que no es algo bloqueante, ve haciendo pruebas si te pica la curiosidad. Yo fui alterando parámetros de algunas de las páginas compresoras y llegué a conseguir que funcionara bien en Chrome y Firefox pero no me funcionó bien en Explorer (no utilizando la meta etiqueta para la compatibilidad).

Con respecto al Javascript, recuerda siempre utilizar CDATA y comprobar con F12 (herramientas del desarrollador) los errores que encuentres, fíjate en la consola que te ayudará a detectarlos más fácilmente.

Como regla general, mi recomendación con el javascript y las css es que te pases por esta guía: http://www.diariosdelanube.com/2014/07/como-mejorar-el-rendimiento-de-tu-sitio.html

Hay veces que los Javascript no funcionan porque llaman a otra función que debe ir antes o debe cargarse primero. Si es JQuery, es posible que no te funcione si no cargas primero su librería. Te ayudará mucho a detectar el error la consola del desarrollador (F12/consola).

Paciencia que al final sale, si bien la parte de compresión no es radicalmente importante, el buen funcionamiento de los javascript sin bloqueos si es una tarea que ayuda bastante.

Cualquier cosa aquí estoy para las dudas.

Un saludo!

La idea es que los estilos de tu blog, los debes recopilar y poner en la propia página bajo el etiquetado que pongo en la guía.

Con el javascript se hace exactamente igual.

En general es "inyectar" en el código fuente de la página las css y javascript que se utilicen para evitar los tiempos de descarga desde el servidor.

Hay otras formas de hacerlo explicadas en Diarios de la nube.

Un saludo!

Es que has escogido algo muy técnico y costoso, ve haciendo pruebas y con paciencia.

Fíjate que en la guía te dice cómo distinguir las llamadas a los css, busca cada uno primero y extrae su contenido para luego poderlo pegar dentro de las etiquetas que explico.

Haz pruebas y ve poco a poco, si te cuesta, prueba otras guías más sencillas primero.

Un saludo y gracias por participar.

WoW 94 es una muy buena puntuación, ahora dale un poco a mis guías de SEO y a disfrutar. Mi mas sincera enhorabuena.

Un saludo y gracias por participar.

Hola Félix!,
cuando pueda lo quito, es que creo que eso puede ser por dos razones:

1) Sobra ese cierre de comentario de código --> (la más probable).

2) Hay alguna etiqueta mal cerrada antes.

Ahora no puedo meterme pero cuando lo compruebe te lo notificaré en este comentario.

Un saludo y muchas gracias por participar!,

Gracias a ti, aquí estoy para ayudar. Enhorabuena porque pasar de 80 a 96 es un salto grande y ya estás en "verde" en los indicadores de pagespeed.

Lo de los javascript lo tienes en varios tutoriales de Diariosdelanube, puedes poner en el buscador de la página " javascript pagespeed" y te aparecerán todos.

En términos generales, se trata de ir viendo las referencias a archivos .js en tu código para localizar los javascript que cargas en tu web.

Después ves dentro de cada .js el código que contiene y lo pegas en tu página como pongo en los tutoriales.

Verás que esto incrementará también el rendimiento. Es mejor que sigas las instrucciones de los tutoriales que tengo en la web porque la aceleración de javascript no es rápida de hacer y requiere que la veas paso a paso.

De todas maneras, busca el tutorial y cualquier duda me vas preguntando, siempre estoy en los comentarios.

Nada, a mí me pasó como a ti hasta que salió. Tienes en esta web muchos artículos sobre pagespeed y gtmetrix para subir más incluso.

Muchas gracias por tu feedback y por participar.

Hola,
si el Blog es Blogger, claramente esta parte de la guía te resuelve el problema http://www.diariosdelanube.com/2013/09/la-guia-de-rendimiento-para-bloggers_10.html

En general el "render blocking" se produce cuando llamas a recursos externos y ienes que "perder tiempo" descargando el recurso de la web de origen y después "parsearlo" o "interpretarlo" en el navegador del usuario. Esto sucede con los JS y los CSS. Las llamadas "a la antigua" donde se ponía la referencia al sitio del que se descarga el css o el .js han sido ya muy superadas por otros medios: http://www.diariosdelanube.com/2014/07/como-mejorar-el-rendimiento-de-tu-sitio.html

En general, lo mejor con los CSS es hacerlos "inline" como explico en el tutorial o que se carguen a través de un javascrit asíncrono.

Para el tema del javascript asíncrono: http://www.diariosdelanube.com/2016/01/mejora-el-rendimiento-de-tu-web.html

El Javascript asíncrono, permite al navegador seguir "dibujando cosas" sin quedarse parado esperando a que termine el javascript.

Prueba con esos tutoriales y mevas preguntando.

Un saludo!

Mil gracias, Miguel. Voy a leer los tutoriales.

Saludos.

Nada, un placer. Cualquier cosa pregunta y vamos viendo. Un saludo!