En WPBeginner, probamos constantemente nuevas formas de hacer que nuestros sitios web carguen más rápido. Después de probar docenas de métodos, descubrimos que la precarga de enlaces ofrece un aumento de velocidad instantáneo.
Sabemos lo frustrante que pueden ser las cargas lentas de páginas tanto para usted como para sus visitantes. Incluso un breve retraso puede afectar el tráfico de su sitio web y costarle ventas.
La precarga de enlaces resuelve esto al preparar la siguiente página antes de que un usuario haga clic en el enlace. Esto hace que su sitio web se sienta increíblemente rápido y receptivo.
En esta guía, le mostraremos cómo configurar fácilmente la precarga de enlaces en WordPress.
¿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 le indica al navegador web de un visitante que descargue silenciosamente el código (HTML) de la página enlazada en segundo plano antes de que realmente haga clic en el enlace.
Entonces, cuando sí hacen clic, la página parece cargarse instantáneamente. Se trata de hacer que su sitio web se sienta súper ágil 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 otros motores de búsqueda les encanta los sitios web rápidos. Es algo importante para el SEO. Un sitio más rápido potencialmente atrae 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 el almacenamiento en caché y otras optimizaciones críticas de velocidad. WP Rocket tiene la precarga de enlaces integrada. Si ya lo usa, no necesita un plugin separado. Simplemente vaya a Ajustes » WP Rocket » Preload en su panel y marque la casilla 'Habilitar precarga de enlaces'.
Sin embargo, es esencial configurar la precarga correctamente para evitar problemas en el 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 necesitas hacer es instalar y activar el plugin. Para m ilde{a}s detalles, consulta nuestra gu ilde{i}a sobre c ilde{o}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 la configuración predeterminada de '3 solicitudes', que debería funcionar para la mayoría de los entornos de alojamiento de WordPress. Si tienes un plan de alojamiento compartido económico y notas que tu servidor se ralentiza, puedes reducirlo a 1 o 2. Si utilizas un alojamiento administrado potente, la configuración predeterminada está bien.
Después de eso, puedes marcar la casilla 'Preload only on mouse hover' (Preload solo al pasar el mouse por encima). Esto precargará los enlaces solo si un usuario pasa el mouse sobre ellos en una computadora de escritorio.
Para los usuarios móviles, el plugin se adapta inteligentemente al iniciar la precarga en el momento en que un usuario toca ligeramente el enlace, dándole una ventaja antes de que se registre el toque completo.
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, debes agregar páginas dinámicas como /cart, /checkout y /my-account a esta lista para que no se precarguen. También debes escribir 'logout' en el cuadro para excluir los enlaces de cierre de sesión, evitando que los usuarios cierren sesión accidentalmente solo por mover el ratón.
De manera similar, si estás utilizando un plugin de marketing de afiliados 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 romper 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.
¿Quieres verlo en acción? Abre tu sitio web en Google Chrome, haz clic derecho en cualquier lugar y selecciona 'Inspeccionar' para abrir las Herramientas para desarrolladores. Ve a la pestaña 'Network' (Red) y observa lo que sucede cuando pasas el mouse sobre un enlace. ¡Verás que la página se carga en segundo plano antes de que hagas clic!
Nota: Si estás realizando una prueba de velocidad del 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.
Recursos adicionales para acelerar WordPress
Esperamos que este artículo te haya ayudado a aprender cómo precargar enlaces en WordPress para obtener velocidades de carga más rápidas. También puedes consultar 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 ver 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