Acelerar mi web con dns-prefetch (captación previa de DNS). La técnica dns-prefetch o captación previa de dns, es una operación en la que el servidor de nombres de dominio se resuelve en segundo plano para una URL determinada, para que me entiendas mejor... carga la url del dominio antes de que hagas click en el. La captación previa de DNS mejora el rendimiento del front-end de una web de forma considerable. Podemos decirle al navegar que debe precargar y que no debe precargar, sin ninguna intervención del usuario incluso antes de que el cliente visualice el recurso. Una página web contiene recursos que se cargan desde varios dominios, la captación previa de DNS comunica al navegador web que hay activos web, como un archivo de datos, una imagen o un archivo de audio, que se van a necesitar más adelante; el navegador escucha la propuesta y resuelve el servidor de nombres de dominio en segundo plano, por ejemplo las fuentes de google. Pero claro, como todo en está vida no todo es de color de rosa. Y es que dns-prefretch no siempre es compatible con todos los navegadores, solo con los modernos. Por ejemplo, si eres de los que aun utilizan el vetusto Internet explorer debes saber que IE 11 y anteriores no son compatibles. OJO!!!, eso no quiere decir que no veras la web, no, simplemente no puedes aprovecharte de esta aceleración extra. En la siguiente imagen puedes ver como trabaja.

dns prefetch  

Acelerar mi web con dns-prefetch

Implantar la captación previa de DNS (dns-prefetch) es un proceso sencillo. Debes agregar una etiqueta que contenga rel="dns-prefetch" entre los y de tu sitio web. Vemos un ejemplo: Ahora completo, tal como debería verse en tu sitio web. Como puedes ver implantar dns-prefetch es sencillo, ademas cuenta con la particularidad de que es un sistema muy extendido. Si usas algún CMS por ejemplo Wordpress, debes saber que es posible acelerar Wordpress con esta técnica (ya que estamos te invito a visitar SoloWordpress.es que la tiene activada). Muchos de los plugins de cache la llevan incorporada, incluso algunas templates la incluyen para su uso interno. Mira la imagen siguiente:

Prefetching en theme de Wordpress  

Que DNS debo pre-cargar?