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.
Capturas
Ajustes de Flying Pages
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-pagesal 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 5 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
- [UPDATE] Added ‘/checkout’ and ‘.webp» to ignore keywords
- [UPDATE] Minor update in JS file
- [FIX] Cross-Site Scripting in admin settings form
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