Precarga y precarga

¿Alguna vez has visitado un sitio web y has sentido que cargó casi al instante? El secreto de esa experiencia suele residir en unos sencillos trucos técnicos que le indican al navegador cómo cargar una página de forma más eficiente. Dos de los más importantes son precarga y captación previa.

Ambas son técnicas que dan al navegador pistas sobre cómo priorizar y descargar los archivos de tu sitio web. El objetivo es que la experiencia del usuario sea lo más rápida posible, para que no tenga que esperar a que cargue una página lenta.

¿Cuál es la diferencia?

La precarga y la precarga son similares, pero tienen una diferencia muy importante. Piénsalo así:

• Precarga es para los archivos que necesitas ahoraLe estás indicando al navegador que descargue un archivo lo antes posible porque es necesario para que la página actual se muestre correctamente.
• Precarga es para archivos que puedas necesitar laterLe estás indicando al navegador que descargue un archivo en segundo plano, con una prioridad más baja, porque el usuario podría necesitarlo en la próxima página que visite.

La precarga se utiliza para recursos críticos que, de otro modo, se descubrirían en una fase avanzada del proceso de carga, como un archivo de fuente o una imagen de fondo en una hoja de estilos. La precarga se utiliza para recursos en los que se cree que un usuario podría hacer clic a continuación, como la página de un producto en una lista.

Cómo ayudan a tu SEO

La precarga y la precarga son una parte clave de tu SEO técnico. Tienen un impacto directo en el rendimiento de tu sitio web. PageSpeed, que es un factor de posicionamiento. Un sitio web más rápido tendrá una mejor clasificación que uno más lento y, además, ofrecerá una mejor experiencia de usuario.

Si su sitio web carga más rápido, es más probable que los visitantes permanezcan en la página, lo que puede aumentar el tiempo que permanecen en ella y reducir la tasa de rebote. Ambas son señales para los motores de búsqueda de que su sitio web es de alta calidad.

La clave para acertar con estas funciones es usarlas correctamente. Usar demasiadas precargas o precargar un archivo en el que el usuario nunca hace clic puede desperdiciar el ancho de banda del usuario e incluso ralentizar su sitio web. Necesita una plataforma que le ayude a comprender las métricas de velocidad de la página y le proporcione una lista priorizada de tareas para corregirlas. Clickrank puede ayudarle con esto, proporcionándole la información que necesita para conseguir la velocidad de página perfecta.

Cómo implementar la precarga y la precarga

Implementar la precarga y la precarga es una tarea técnica que se realiza agregando unas pocas líneas de código al encabezado de su sitio web.

Precarga

Puede precargar un archivo agregando una línea de código al < head > de tu sitio web. Se ve así:

El rel="precarga" El atributo le dice al navegador que descargue el archivo. El como=”fuente” El atributo indica al navegador qué tipo de archivo es, para que pueda priorizar la solicitud correctamente. Solo se deben precargar los archivos críticos para la página actual.

Precarga

Puede obtener previamente un archivo agregando una línea de código al < head > de tu sitio web. Se ve así:

El rel="prefetch" El atributo indica al navegador que descargue el archivo en segundo plano. Solo se deben precargar los archivos que el usuario probablemente necesitará en la siguiente página que visite.

Otros consejos

También hay un par de consejos útiles que puedes utilizar:

• captación previa de DNS: Esto indica al navegador que resuelva el nombre de dominio de un archivo antes de que sea necesario. Resulta útil para recursos de terceros, como Google Fonts.
• preconectar: Esto indica al navegador que configure una conexión con un servidor externo antes de que sea necesario. Resulta útil para recursos externos esenciales para la visualización de la página.