En WPBeginner, hemos dedicado años a dominar la velocidad de los sitios web. Después de explorar cada optimización importante, comenzamos a usar una técnica que proporcionó un impulso inmediato: la precarga de enlaces.
Si te frustra hasta el más mínimo retraso en la carga de páginas, sabes cuánto puede afectar la experiencia del usuario. La precarga de enlaces es una característica inteligente del navegador que prepara la siguiente página antes de que tu visitante haga clic en el enlace.
El resultado es un sitio web que se siente increíblemente rápido y casi instantáneo. Es una forma sorprendentemente sencilla de darle a tu sitio un impulso de rendimiento notable que a los visitantes les encantará.
En esta guía, te explicaremos cómo configurarlo correctamente. ¡Empecemos!
¿Qué es la precarga de enlaces en WordPress?
La precarga de enlaces es cuando tu navegador web carga el enlace en segundo plano antes de que el usuario haga clic en él, haciendo que las páginas carguen más rápido cuando las visitan.
¡Es como si la cocina empezara a preparar tu comida antes de que llegues al restaurante!
En términos técnicos, la precarga de enlaces es cuando el navegador web de un visitante carga inteligentemente la página enlazada en segundo plano antes de que realmente haga clic en el enlace. Así, cuando sí hace clic, la página parece cargar instantáneamente. Todo se trata de hacer que tu sitio web se sienta súper rápido y receptivo.
Ahora, ¿por qué molestarse con todo esto? Bueno, un sitio web más rápido es un sitio web más feliz, según nuestra experiencia. Para empezar, a Google y a otros motores de búsqueda les *encantan* los sitios web rápidos. Es algo importante para el SEO. Un sitio más rápido potencialmente trae más tráfico a tu blog.
Además, y quizás aún más importante, hace que tus visitantes estén más contentos. A nadie le gusta esperar a que carguen las páginas, ¿verdad? Un sitio web ágil y rápido se siente mejor de usar.
Puedes hacer muchas cosas para mejorar la velocidad y el rendimiento de tu WordPress. Esto incluye usar un plugin de rendimiento o una CDN.
Por ejemplo, un potente plugin de caché como WP Rocket puede marcar una gran diferencia. Sin embargo, la precarga de enlaces es una técnica única que destaca por su simplicidad.
Consejo de experto: Usamos WP Rocket en muchos de nuestros sitios web para gestionar la caché y otras optimizaciones críticas de velocidad. Es una solución todo en uno que se encarga de muchos ajustes de rendimiento, lo que la convierte en una excelente base para construir con técnicas como la precarga de enlaces.
Lo único es que es esencial configurar la precarga correctamente para evitar problemas del servidor. Una precarga demasiado agresiva de todos los enlaces internos, por ejemplo, podría provocar caídas del servidor.
Dicho esto, te mostraremos cómo precargar enlaces en WordPress de la manera correcta, paso a paso.
Cómo precargar enlaces de WordPress y hacer tu sitio más rápido
La forma más fácil de precargar enlaces es usando el plugin Flying Pages. Simplemente añade precarga inteligente para asegurarte de que la precarga no bloquee tu sitio ni siquiera lo ralentice.
Si detecta algún problema de este tipo, el plugin detendrá toda la precarga.
Lo primero que debes hacer es instalar y activar el plugin. Para más detalles, consulta nuestra guía sobre cómo instalar un plugin de WordPress.
Al activarse, necesitas navegar a Ajustes » Flying Pages en tu panel de administración de WordPress para configurar los ajustes del plugin.
Luego, necesitas establecer el tiempo de ‘Retraso para iniciar la precarga’ en el menú desplegable. Este ajuste determina cuánto tiempo espera el plugin antes de comenzar a precargar enlaces.
Espera un momento en que el navegador esté inactivo (lo que significa que no está ocupado cargando tu página actual) para evitar ralentizar cualquier cosa. Para la mayoría de los sitios, el ajuste predeterminado de ‘0 segundos’, que comienza la precarga tan pronto como el navegador está libre, funciona perfectamente.
A continuación, puedes cambiar el ‘Máx. de solicitudes por segundo’. Cuanto menor sea este número, menor será el impacto en tu servidor.
Mantendremos el ajuste predeterminado de ‘3 solicitudes’, que debería funcionar para la mayoría de los entornos de hosting de WordPress.
Después de eso, puedes marcar la casilla para ‘Precargar solo al pasar el ratón por encima’. Esto solo precargará los enlaces si un usuario pasa el ratón por encima y precargará la página justo antes de que hagan clic.
Esto hace que la siguiente página parezca cargarse al instante. En promedio, hay un retraso de aproximadamente 400 milisegundos (ms) entre el momento en que un usuario pasa el mouse sobre un enlace y cuando realmente hace clic en él. Esta breve ventana le da al navegador una ventaja para obtener la siguiente página.
También puedes configurar el 'Retraso del mouse al pasar el cursor'. Este es el tiempo que transcurrirá después de que un usuario pase el cursor sobre un enlace antes de que comience la precarga.
Debajo de eso, hay una lista de palabras clave que el plugin ignorará para la precarga.
Estas son páginas de inicio de sesión estándar y archivos de imagen. Puedes dejar la lista como está o agregar más palabras clave si lo deseas.
Si tienes una tienda en línea, entonces es posible que desees agregar páginas como /cart y otras páginas dinámicas a esta lista para que no se precarguen.
De manera similar, si estás utilizando un plugin de marketing de afiliación como ThirstyAffiliates o PrettyLinks, entonces es importante agregar tu prefijo de afiliado como /refer/ o /go/ a esta lista de palabras clave a ignorar. De lo contrario, puede afectar el seguimiento de enlaces de afiliados.
La opción final es deshabilitar la precarga para los administradores.
En general, esto ayudará a reducir la carga del servidor de tu sitio web. Si solo deseas precargar para los visitantes del sitio web que no son administradores conectados, simplemente marca la casilla.
Una vez que hayas terminado, haz clic en el botón 'Guardar cambios' en la parte inferior de la página.
¡Eso es todo! Has habilitado correctamente la precarga de enlaces en tu sitio web.
Nota: Si estás ejecutando una prueba de velocidad de sitio web con una herramienta como PageSpeed Insights y no ves que tu puntuación mejore, entonces es completamente normal. La precarga de enlaces solo mejora la velocidad al hacer clic en los enlaces, y no acelera la primera carga de tu sitio.
Preguntas frecuentes sobre la precarga de enlaces
Aquí están algunas de las preguntas más comunes que recibimos sobre la precarga de enlaces en WordPress y cómo afecta el rendimiento del sitio web.
1. ¿Cuál es el principal beneficio de la precarga de enlaces?
El principal beneficio es una experiencia de usuario mucho mejor. Cuando un visitante pasa el cursor sobre un enlace, la página comienza a cargarse en segundo plano. Esto hace que la siguiente página parezca cargarse casi instantáneamente cuando hacen clic, haciendo que tu sitio web se sienta más rápido y receptivo.
2. ¿Mejorará la precarga de enlaces mi puntuación de Google PageSpeed?
No, y este es un punto importante. La precarga de enlaces mejora el rendimiento percibido para los usuarios reales que navegan por tu sitio. No afecta el tiempo de carga inicial de una sola página, que es lo que miden herramientas como PageSpeed Insights.
3. ¿Puede la precarga de enlaces colapsar mi servidor?
Si se hace descuidadamente, la precarga agresiva puede aumentar la carga de trabajo de tu servidor, especialmente en hosting compartido. Esto se debe a que cada precarga actúa como una mini-visita a tu servidor, y demasiadas a la vez pueden sobrecargarlo.
Sin embargo, el plugin recomendado Flying Pages está diseñado para prevenir esto. Espera inteligentemente a que el navegador esté inactivo y solo precarga si tu servidor no está ocupado, previniendo caídas o ralentizaciones.
4. ¿Hay páginas que debería excluir de la precarga?
Sí, siempre debes excluir las páginas dinámicas. Esto incluye las páginas de carrito, pago y cuenta en un sitio de comercio electrónico. También es importante excluir tus enlaces de afiliados (como aquellos con un prefijo /refer/ o /go/) para asegurar que tu seguimiento de clics funcione correctamente.
Obtén más consejos de expertos para acelerar WordPress
Esperamos que este artículo te haya ayudado a aprender cómo precargar enlaces en WordPress para una carga más rápida. También es posible que desees ver otros tutoriales sobre cómo hacer que tu sitio web de WordPress sea más rápido:
- El hosting de WordPress más rápido (con pruebas de rendimiento)
- Los mejores plugins de caché de WordPress para acelerar tu sitio web
- Cómo minificar archivos CSS / JavaScript en WordPress
- Cómo optimizar las Core Web Vitals para WordPress (Guía definitiva)
- Cómo cargar imágenes de forma diferida (lazy load) fácilmente en WordPress
- Cómo acelerar tu sitio web de comercio electrónico
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
Olaf
La precarga es una gran característica. He notado que ahora más plugins de caché la incluyen en comparación con antes. Probamos WP Rocket, donde un enlace debería cargarse tan pronto como el usuario pase el cursor sobre él. WP Rocket comienza a almacenar en caché la página detrás del enlace inmediatamente sin que el usuario necesite hacer clic en él. Si hacen clic, la página se sirve directamente desde la caché. Probamos los tiempos de carga con y sin esta función, y debo decir que la diferencia fue notable. Si tienes suficiente rendimiento del servidor, es una característica excelente que puede acelerar significativamente el sitio web.
Dennis Muthomi
¡Gran artículo sobre la precarga de enlaces!
He implementado esta técnica en varios sitios de clientes (pero no en todos) y he notado mejoras significativas en las velocidades de carga percibidas.
Me gustaría añadir esto: considera usar la opción 'Precargar solo al pasar el ratón por encima' para sitios con mucho contenido para equilibrar el rendimiento y la carga del servidor. Ha sido un cambio radical para mis clientes con grandes catálogos de productos.
Jiří Vaněk
Uso la función 'precargar enlaces' en el plugin de caché WP Rocket, y tengo que decir que es una gran función que realmente acelera la carga del sitio web. Lo recomiendo encarecidamente. Por lo tanto, específicamente para acelerar un sitio web, WP Rocket es probablemente la mejor opción, ya que incluye esta función de forma nativa y ayuda significativamente a acelerar el sitio. Entre los plugins de caché, es la mejor opción.
Soporte de WPBeginner
Thank you for sharing what you use for your site
Administrador
Cassie
Gracias por compartir. Nunca supe que esto existía. Parece bastante sencillo y fácil de implementar. Voy a guardar esta información para poder probarla. ¡Me encanta aprender cosas nuevas!
¡Gracias de nuevo!
Cassie
Soporte de WPBeginner
De nada, ¡nos alegra que nuestro artículo haya sido útil!
Administrador
Mohamed
¿Esto afecta a los enlaces de afiliados en las páginas de mi sitio web?
Soporte de WPBeginner
It would if you do not exclude those from the plugin which is why we recommend excluding them in this article
Administrador
Hosseoin
Hola
¿No es esta la misma opción de clic instantáneo en algunos plugins de caché?
Soporte de WPBeginner
Sí, en este momento es una herramienta similar a esa, dependiendo de tu elección de plugin de caché.
Administrador