Cada dia trabajamos mas con HTML y cada dia trabajamos mas con entornos móviles .Estos entornos necesitan cada día mas tecnicas de optimización que permitan a las aplicaciones funcionar mas rápido . Las técnicas yo creo que son infinitas pero voy a hablar hoy de una técnica bastante sencilla de implementar.Imaginemos que tenemos una aplicación movil que nos guía por los siguientes pasos que cargan listas de opciones que el usuario selecciona.
Aunque nos parece que la aplicación es sencilla y debería funcionar muy bien en entorno movil. Podemos tener el siguiente problema.
La conexión a internet que tenemos en el momento en el que usamos la aplicación es bastante lenta .Por lo tanto nos costará mucho cambiar de página y ver la siguiente lista. ¿Como podemos resolver este problema? . Podemos hacer uso de algunas de las nuevas caracteristicas de HTML 5 a traves del concepto de prefetching
HTML5 Performance y prefetching
¿Que es el prefetching? .Es la capacidad que tiene un navegador para una vez cargada una primera página solicitar recursos adicionales que se van a necesitar mas adelante mientras el usuario lee el contenido de la página actual.
En estos momentos el soporte entre los navegadores es muy dispar dependiendo de los recursos .Vamos a ver un par de ejemplos sencillos.
<link rel="prefetch" href="/images/imagen1.jpeg"> <link rel="prerender" href="/miaplicacion/siguientePagina.html">
En el primer caso el navegador realizaría una operación de prefeching de una imagen que necesitaremos mas adelante . En el segundo caso irá mas lejos realizará un prefeching de la pagina y la renderizará en una ventana oculta para que cuando cambiemos a ella la transición sea inmediata.
[…] artículos relacionados:HTML5 WebWorker , HTML5 Prefeching , […]