---
title: "Piensa asíncronamente, optimiza la carga de tus javascript"
date: "2012-03-12T09:33:44+01:00"
modified: "2019-05-10T00:03:28+02:00"
author: "David Carrero Fdez-Baillo"
section: "Programación y software"
canonical: "https://carrero.es/piensa-asincronamente-optimiza-la-carga-de-tus-javascript/"
site: "Carrero"
---

# Piensa asíncronamente, optimiza la carga de tus javascript

Interesante artículo en el que nos hablan de la **carga de ficheros JavaScript** de terceros en nuestra página web, y que deberíamos cargar de forma **asíncrona**. Entre las razones para la carga asíncrona destacamos:

- Si el javascript es de un tercero puede ser lento o estar caído, tu página tendrá problemas para cargarse con js normal.
- Si puedes mejorar de forma notable la velocidad de carga.

Crear tu JavaScript asíncrono es realmente sencillo, podemos optar por el método clásico o por el nuevo método que nos quiere imponer HTML5 para ponerlo más fácil.

### El camino de HTML5 para carga asíncrona

El atributo `async` dentro del la etiqueta `script` en HTML5 (spec). Un ejemplo:

```
<script async src="http://url-de-tercero.com/recurso.js"></script>
```

Hoy está soportado por navegadores como Firefox 3.6+, IE 10+, Chrome 2+, Safari 5+, iOS 5+, Android 3+. Opera aún no añadió este soporte.

Y si queréis saber más sobre carga asíncrona de javascript lo mejor es que leáis el artículo completo en [CSS Tricks](http://css-tricks.com/thinking-async/). Todo lo que puedas convertir en asíncrono hará que tu sitio web sea más optimo y eficiente, podrás comprobarla con alguna de las herramientas de tiempo de carga de páginas webs. Otro artículo que debes leer es «Los diferentes niveles de proceso de javascript asíncrono» (en inglés).

---

Fuente: https://carrero.es/piensa-asincronamente-optimiza-la-carga-de-tus-javascript/