Descripción
Flying Pages precarga las páginas antes de que el usuario haga clic en ellas, haciendo que se carguen instantáneamente.
Enlaces rápidos
- Demostración: Abre https://wpspeedmatters.com y haz clic en cualquier entrada.
- Repositorio de GitHub
- Quicklink vs Instant page vs Flying Pages
- Únete a nuestro grupo de Facebook, una comunidad de entusiastas de la velocidad de WordPress
- Invítame a un café
¿Cómo funciona?
Flying Pages injecta una pequeña porción de código JavaScript (1KB comprimido), espera hasta que el navegador entra en reposo y, a continuación, detecta las páginas en la parte visible de la ventana y al pasar el cursor del ratón y las precarga.
Flying Pages es inteligente para asegurar que la precarga no rompe o ralentiza tu servidor.
-
Precargar páginas en el área visible – Detecta enlaces en el área viewport (área visible actual) utilizando el ‘Observador de Intersección ‘ y le indica al navegador que los precargue utilizando la precarga, cambia a xhr si no está disponible (similar a Quicklink).
-
Precargar las páginas «al pasar el cursor del ratón» – Al pasar el cursor del ratón sobre los enlaces, si no se han precargado ya utilizando la «visualización inferior de la ventana», entonces Flying Pages precargará las páginas instantáneamente (similar a Instant.page).
-
Limita el número de precargas por segundo – Si tu página tiene demasiado enlaces, precargarlos todos al mismo tiempo puede provocar que se caiga el servidor o que se ralentice para tus visitantes. Flying Pages limita el número de precargas por segundo (3 pet/seg por defecto) utilizando un cola integrada. Por ejemplo, si tienes 10 links en el área visible, precargar todos ellos se hará durante 4 segundos.
-
Detiene la precarga si el servidor está ocupado – En el caso de que el servidor empiece a responder lento o devolver errores, la precarga se detendrá para reducir la carga del servidor.
-
Comprende la conexión y preferencias – Comprueba si el usuario se conecta mediante una conexión lenta (como 2G) o tiene activado el ahorro de datos.. Flying Pages no precargará nada en estos casos.
Instalación
Desde el propio WordPress
- Visita «Plugins > Añadir nuevo»
- Buscar «Flying Pages»
- Activa Flying Pages para WordPress en tu página de plugins.
- Visita «Ajustes > Flying Pages» para configurarlo
Manualmente
- Sube la carpeta
flying-pages
al directorio/wp-content/plugins/
- Activa el plugin Flying Pages a través del menú «Plugins» de WordPress.
- Visita «Ajustes > Flying Pages» para configurarlo
FAQ
-
Mi tiempo de carga total en GTmetrix se ha incrementando tras instalar Flying Pages. ¿Qué hago?
-
Flying Pages empieza la precarga cuando el resto de recursos han terminado su descarga y el navegador entra en reposo. No afecta al TTFB, al First Contentful Paint o al Time to Interactive. Si te preocupa el tiempo hasta la carga total en GTmetrix, puedes establecer el «Retardo para iniciar la precarga» con un valor mayor en los ajustes o establecer la precarga solo «al pasar el cursor del ratón».
-
¿Cómo comprobar si Flying Pages funciona o no?
-
Mira este vídeo y encontrarás la «entrega previa de la caché» (pruébalo desde una ventana de incógnito si has activado «Desactivar para los administradores conectados»).
-
No observo ninguna mejora en GTmetrix/Pingdom/Google PageSpeed Insights.
-
Flying Pages precarga enlaces después de que el sitio web se carga y sólo mejora la velocidad en los enlaces que se pinche. No te ayuda a mejorar el tiempo de carga inicial.
-
¿Necesito un plugin de caché?
-
Cada vez que una página/enlace se precarga, ejecuta código PHP y consultas MySQL que son consumidoras intensivas de recursos. De modo que se recomienda encarecidamente usar un plugin de caché como WP Rocket.
-
¿Qué proveedor de alojamiento y plugin de caché recomiendas?
-
Flying Pages funciona con todos los proveedores de hosting, sin plugins de cache. Sin embargo, para conseguir los mejores resultados, una mejora consistente y no tener caídas de servidor, recomendamos proveedores de hosting como Cloudways y plugins de cache como WP Rocket.
-
¿Afecta Flying Pages a Google Analytics o a scripts de seguimiento similares?
-
Flying Pages solo descarga el contenido HTML. No ejecuta ningún código dentro de él. Por tanto, no afecta a Google Analytics ni otros scripts similares.
-
¿Incrementará Flying Pages mi consumo de ancho de banda?
-
Mayoritariamente, los vídeos e imágenes consumen el 80% del ancho de banda. Flying Pages solo precarga páginas HTML (lo que es habitualmente <30KB) y no descarga ningún recurso dentro de ellas (como imágenes, CSS, JS). Instalar Flying Pages no incrementará el uso de tu ancho de banda, ni siquiera en un 5 %.
-
¿Incrementa Flying Pages la carga del servidor?
-
En breve, sí. Aunque puedes configurar Flying Pages para limitar el número de precargas por segundo o precarga solo al pasar el cursor del ratón, lo que reduce la carga del servidor. También, asegúrate de usar un buen proveedor de hosting comoCloudways y un plugin de caché como WP Rocket. Esto reducirá la carga del servidor drásticamente.
-
¿Cómo obtener soporte?
-
Por favor, crea una petición de soporte en el foro oficial de soporte. También puedes conseguir ayuda del grupo de Facebook WP Speed Matters.
Reseñas
Colaboradores y desarrolladores
«Flying Pages by WP Speed Matters» es un software de código abierto. Las siguientes personas han colaborado con este plugin.
Colaboradores«Flying Pages by WP Speed Matters» ha sido traducido a 12 idiomas locales. Gracias a los traductores por sus contribuciones.
Traduce «Flying Pages by WP Speed Matters» a tu idioma.
¿Interesado en el desarrollo?
Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.
Registro de cambios
2.4.2
- [ACTUALIZACIÓN] Añadidas «/checkout» y «.webp» a las palabras clave a ignorar
- [ACTUALIZACIÓN] Actualización menor en el archivo JS
- [CORRECCIÓN] Secuencias de comandos entre sitios en el formulario de ajustes de administración
2.4.1
- [CORRECCIÓN DE FALLO] Advertencias y errores en la pestaña de compatibilidad
2.4.0
- [NUEVO] Pestaña de compatibilidad
2.3.0
- [CORRECCIÓN DE FALLO] Detener la precarga cuando la lista de ignoradas está vacía
- [NUEVO] FAQ
- [NUEVO] Optimizar más
2.2.2
- Corrección de fallo para el plugin Fast Velocity Minify
2.2.1
- Opciones adicionales para el retardo al pasar el cursor del ratón (0 ms) y rps máx (2 s)
- Desactivar por defecto para administradores conectados
2.2.0
- Configuración de objecto movida a la ventana
- Opción separada para «precargar solo al pasar el cursor del ratón»
- Iniciar flyingPages() sin esperar al DOMContentLoaded
- Configuración de babel mejorada
- Eliminadas las funciones de flechas para compatibilidad con IE
2.1.2
- Eliminada XMLHttpRequest y mejorada la minification de los archivos JS (reducción de tamaño en ~300bytes)
- Añadida opción ‘2 segs’ de retraso para iniciar la precarga
2.1.1
- Cambiar el alcance de JavaScript para prevenir conflictos con otros plugins que usen las mismas variables
2.1.0
- Opción para desactivar la precarga cuando se está conectado como administrador
2.0.9
- Desactivar en Internet Explorer
- Renombrado el objeto observador para prevenir conflictos con otros plugins
2.0.8
- Ignorar por defecto las cadenas de consulta
2.0.7
- Permitir 1 segundo de retardo
2.0.6
- Mejor compatibilidad con WooCommerce
- Precarga en móvil utilizando «touchstart»
2.0.5
- Corrección de fallo – Iniciar la cola solo tras llamar a la función principal, causa errores en la consola del navegador
2.0.4
- Corrección de fallo – Problemas con el plugin de caché Swift Performance cuando «Fusionar scripts» está activado
2.0.3
- Corrección de fallo – Prevenir que las rps máx vuelvan al valor por defecto al actualizar el plugin
2.0.2
- Compatible con WordPress 4.5 o superior
- Correcciones de copia
2.0.1
- Corrección de fallo – Establecer la configuración por defecto del plugin al actualizar/activar
2.0.0
¡ACTUALIZACIÖN MAYOR!
* Configurar las palabras clave a ignorar
* Configurar el retraso para precargas desde el área visible
* Configurar para precargar solo al pasar el cursor del ratón
* Configurar la máximas peticiones por segundo
* Configurar el retraso al pasar el cursor del ratón
1.0.5
- Corrección de fallo – Evitar la precarga de los enlaces de `wp-admin`
1.0.4
- Corrección de fallo para Safari/iOS Safari
1.0.3
- Evitar la precarga de los enlaces para salir
1.0.2
- Evitar que los enlaces externos se precarguen al pasar el cursor
1.0.1
- Compatibilidad para el navegador Microsoft Edge
- Evitar la precarga de la página actual
1.0.0
- Versión inicial