Optimización del rendimiento de su sitio de WordPress con Smush, Hummingbird y The Hub

Publicado: 2020-10-20

Si administra varios sitios de WordPress, iniciar sesión en cada sitio individual para modificar la configuración de rendimiento puede resultar tedioso y llevar mucho tiempo. La pestaña Rendimiento del Hub le permite optimizar y administrar rápidamente el rendimiento del sitio con Hummingbird y Smush desde una sola pestaña.

The Hub es una consola de administración completa de WordPress que le permite administrar uno o más sitios de WordPress desde una ubicación central.

El panel de Hub está dividido en varias pestañas, lo que brinda a los administradores del sitio acceso rápido a todas las funciones principales necesarias para administrar un sitio de WordPress de manera efectiva.

Este tutorial se centra en la pestaña Rendimiento de The Hub, que combina datos, configuraciones e información útiles de un vistazo de Hummingbird (nuestro complemento de optimización y almacenamiento en caché de velocidad) y Smush (nuestro complemento galardonado de optimización y compresión de imágenes). permitiéndole ver y modificar rápida y fácilmente la configuración de rendimiento de todos los sitios de WordPress que administra.

La pestaña Rendimiento del Hub
Administre y modifique la configuración de rendimiento de todos sus sitios de WordPress utilizando la pestaña Rendimiento de The Hub.

Este tutorial le muestra cómo aprovechar al máximo la pestaña Rendimiento del Hub. Cubrimos cómo:

  • Configure y administre el rendimiento de sus sitios de WordPress desde The Hub
  • Ejecute una prueba de velocidad de página
  • Analizar los resultados de la prueba de velocidad
  • Supervise el tiempo de respuesta de su servidor
  • Administre y optimice las imágenes de su sitio
  • Administre y optimice los activos de su sitio
  • Administrar la compresión GZip
  • Administre el almacenamiento en caché de su sitio
  • Configurar herramientas avanzadas
  • Ejecutar informes

Configure y administre el rendimiento de sus sitios de WordPress desde The Hub

Para administrar sitios desde The Hub, primero deberá conectarlos. Puede hacer esto automáticamente desde el propio Hub o de forma remota utilizando el complemento WPMU DEV Dashboard.

Una vez que su sitio esté conectado, podrá administrarlo e iniciar sesión directamente desde la consola de administración del Hub.

Hasta que instale y active los complementos Hummingbird y/o Smush en su(s) sitio(s), la pestaña Rendimiento de The Hub permanecerá atenuada (inactiva).

La pestaña Hub - Complementos y temas - Rendimiento está inactiva.
La pestaña Rendimiento del Hub permanece inactiva hasta que se activen Hummingbird o Smush en el sitio.

Haga clic en la pestaña gris Rendimiento y aparecerá una pantalla de presentación que le invitará a activar Hummingbird en su sitio.

The Hub - Pestaña Rendimiento - Activar Hummingbird.
Puedes activar Hummingbird en la pestaña Rendimiento.

También puede activar los módulos de rendimiento desde la sección Descripción general > Servicios recomendados .

The Hub - Módulos de rendimiento
Active los módulos de rendimiento desde la pestaña Descripción general.

Una vez activados, los módulos de Hummingbird muestran automáticamente información clave dentro de varios paneles dentro de la pestaña Rendimiento.

Algunos módulos como el tiempo de respuesta permanecen inactivos hasta que se activan. Puede activar los módulos y el complemento Smush dentro de la pestaña Rendimiento.

The Hub - Pestaña Rendimiento - Otras herramientas de rendimiento
Active módulos como Tiempo de respuesta en la pestaña Rendimiento > Otras herramientas de rendimiento.

Alternativamente, puede activar complementos como Smush desde la pestaña Complementos y temas de The Hub.

The Hub - Complementos y temas - Activar Smush
Activar Smush

Después de activar Hummingbird y Smush, la pestaña Rendimiento mostrará paneles de información combinados de ambos complementos.

The Hub: panel de rendimiento con Hummingbird y Smush activados.
El panel de rendimiento del Hub con Hummingbird y Smush activados.

La sección Descripción general del Hub también le brinda acceso rápido a la pestaña Rendimiento. Al hacer clic en el panel, accederá a la pestaña.

The Hub: sección de descripción general -panel de rendimiento
Puede acceder a la pestaña Rendimiento desde la sección Descripción general haciendo clic en el panel Rendimiento.

Ahora que sabes cómo activar la pestaña Rendimiento en The Hub, exploremos sus paneles principales.

Ejecute una prueba de velocidad de página

La pestaña Rendimiento le permite ejecutar una prueba de velocidad de la página de Google para su sitio directamente en The Hub. Si administra varios sitios de WordPress, esta función le permitirá ahorrar tiempo.

En el panel Rendimiento , haga clic en el botón Ejecutar prueba y espere unos segundos. Esto ejecutará una prueba de la velocidad móvil y de escritorio de su sitio.

Ejecute una prueba de velocidad de escritorio y móvil de su sitio en el panel Rendimiento.

Desde este panel, también puedes acceder a la documentación de Hummingbird y ver más opciones.

The Hub: Pestaña Rendimiento - Más opciones
Haga clic en el icono de puntos suspensivos para obtener más opciones de rendimiento.

Los resultados de la prueba de velocidad de página completada se muestran en el panel de prueba de velocidad, que se trata en la siguiente sección.

Analizar los resultados de la prueba de velocidad

El panel Prueba de velocidad contiene tres subpestañas:

  • Métricas de puntuación : obtenga una instantánea de un vistazo de las métricas clave de la prueba de velocidad de su sitio con una puntuación codificada por colores (verde, amarillo y rojo) y un resultado de velocidad.
  • Auditorías : vea resultados de pruebas detallados, identifique oportunidades y áreas donde puede mejorar el rendimiento de su sitio y obtenga recomendaciones detalladas sobre problemas que deben solucionarse.
  • Datos de campo históricos : esta sección está dirigida a sitios bien establecidos y recopila información sobre cómo se ha desempeñado una URL en particular a lo largo del tiempo en función de datos de rendimiento anónimos de usuarios en el mundo real en una variedad de dispositivos y condiciones de red.

Al hacer clic en un elemento activo en este panel, accederá automáticamente al wp-admin de su sitio y lo enviará directamente a la sección específica que contiene las correcciones o mejoras recomendadas.

Vea recomendaciones de mejora del rendimiento con correcciones en el panel de prueba de velocidad.

Obtenga más información sobre las métricas de la prueba de velocidad.

Supervise el tiempo de respuesta de su servidor

El panel Tiempo de respuesta es uno de los paneles principales a los que querrá consultar con frecuencia en la pestaña Rendimiento.

Muestra datos de la función de monitoreo de tiempo de actividad . Desde aquí, puede monitorear el tiempo de respuesta de su servidor y saber inmediatamente si su sitio está activo, inactivo o funcionando con lentitud.

LIBRO ELECTRÓNICO GRATIS
Su hoja de ruta paso a paso hacia un negocio de desarrollo web rentable. Desde conseguir más clientes hasta escalar como loco.

Al descargar este libro electrónico, doy mi consentimiento para recibir ocasionalmente correos electrónicos de WPMU DEV.
Mantenemos su correo electrónico 100% privado y no enviamos spam.

LIBRO ELECTRÓNICO GRATIS
Planifique, cree y lance su próximo sitio WP sin problemas. Nuestra lista de verificación hace que el proceso sea fácil y repetible.

Al descargar este libro electrónico, doy mi consentimiento para recibir ocasionalmente correos electrónicos de WPMU DEV.
Mantenemos su correo electrónico 100% privado y no enviamos spam.

Para obtener lecturas más detalladas, coloque el cursor sobre cualquier punto de datos o sección de la línea de tiempo de respuesta promedio, haga clic en el encabezado del módulo o haga clic en Ver detalles .

The Hub: pestaña Rendimiento - panel Tiempos de respuesta.
Supervise el tiempo de respuesta de su servidor.

Obtenga más información sobre el panel Tiempo de respuesta.

Administre y optimice las imágenes de su sitio

El panel de optimización de imágenes le permite ver cómo Smush está comprimiendo y optimizando las imágenes de su sitio. También puede realizar tareas como optimizar masivamente todas las imágenes de su sitio, activar/desactivar la carga diferida , administrar su CDN y acceder a la configuración de herramientas adicionales del complemento.

The Hub: Pestaña Rendimiento - Panel de optimización de imagen.
Comprueba cómo Smush maneja tus imágenes en el panel de optimización de imágenes.

Para ver este panel, debe tener Smush instalado y activado en su sitio.

Obtenga más información sobre el módulo de optimización de imágenes.

Administre y optimice los activos de su sitio

El panel de optimización de activos le brinda una descripción general rápida de los activos optimizados de su sitio desde Hummingbird.

Estos incluyen las reducciones totales logradas en el tamaño del archivo, el total de archivos que están optimizados actualmente, si sus activos optimizados se entregan desde DEV CDN y los tipos de archivos optimizados en la sección Configuración .

Para ir directamente a las pantallas de Hummingbird correspondientes en el wp-admin de su sitio, haga clic en el título del módulo, en el enlace Ver detalles en la sección Reducciones totales o en el ícono de ajustes en la sección Configuración .

The Hub: Pestaña Rendimiento - Optimización de activos.
Obtenga una descripción general de sus activos optimizados.

Obtenga más información sobre la configuración de optimización de activos.

Administrar la compresión GZip

Gzip comprime sus páginas web y hojas de estilo antes de enviarlas a los navegadores web de sus visitantes.

Este panel le permite ver rápidamente qué tipos de contenido están optimizados actualmente con Gzip en su sitio y en qué tipo de servidor se ejecuta su sitio.

Para configurar un tipo de servidor diferente en Hummingbird, haga clic en el ícono de ajustes en la sección Tipo de servidor .

The Hub: Pestaña Rendimiento - Panel Compresión GZIP
Panel de compresión GZIP.

Obtenga más información sobre cómo configurar las opciones de Gzip.

Administre el almacenamiento en caché de su sitio

El almacenamiento en caché acelera los tiempos de carga de las páginas al almacenar datos temporales en los dispositivos de los visitantes para que no tengan que recargar los activos.

Hummingbird le permite configurar diferentes tipos de caché en su sitio y el panel Almacenamiento en caché le permite ver qué opciones de caché se han configurado en su sitio usando el complemento.

Estos incluyen el tiempo de caducidad de la caché del navegador establecido para cada tipo de archivo en la sección Configuración , almacenamiento en caché de páginas, almacenamiento en caché de Gravatar, almacenamiento en caché de RSS y otros tipos de almacenamiento en caché habilitados en su sitio a través de Hummingbird.

Puede ir directamente a la pantalla de configuración de caché de Hummingbird en el wp-admin de su sitio haciendo clic en el título del panel o en el ícono de ajustes en la sección Configuración .

The Hub: pestaña Rendimiento - panel Almacenamiento en caché.
Panel de almacenamiento en caché.

También puede borrar diferentes cachés en su sitio desde The Hub haciendo clic en el enlace Borrar caché .

Esto abrirá una ventana modal con diferentes opciones. Elija qué cachés desea borrar y haga clic en el botón.

The Hub: pestaña Rendimiento: borrar enlace de caché.
Borre los cachés de su sitio desde The Hub.

Obtenga más información sobre el panel Almacenamiento en caché.

Configurar herramientas avanzadas

El panel de herramientas avanzadas le permite ver una lista de todas las herramientas de Hummingbird disponibles y su estado actual.

Haga clic en el título de un ícono de ajustes para ser dirigido automáticamente a la pantalla Hummingbird > Herramientas avanzadas en el wp-admin de su sitio.

The Hub: pestaña Rendimiento - panel Herramientas avanzadas.
Panel de herramientas avanzadas.

Obtenga más información sobre el uso de la sección Herramientas avanzadas de Hummingbird.

Ejecutar informes

Su panel de informes le permite ver rápidamente el estado de los informes de rendimiento y tiempo de respuesta de su sitio.

Al hacer clic en un elemento de este panel, accederá directamente a la pantalla de Informes correspondiente en el wp-admin de su sitio, donde podrá habilitar o configurar una programación para esa función.

The Hub: Pestaña Rendimiento - Panel Informes.
Reciba informes de rendimiento personalizados en su bandeja de entrada.

Controle el rendimiento de su sitio desde The Hub

Uno de nuestros principales objetivos en WPMU DEV es continuar desarrollando y mejorando The Hub para brindar a nuestros usuarios un acceso más rápido y sencillo a la administración del sitio de WordPress.

La pestaña Rendimiento no es una excepción. Ser capaz de administrar y monitorear fácil y rápidamente el rendimiento de varios sitios desde una ubicación central no solo le ahorra una cantidad significativa de tiempo, sino que si es un desarrollador web o una agencia que administra múltiples sitios de WordPress, también le permite escalar su negocio y atender a más clientes.

Además de las funciones descritas anteriormente que son específicas de la pestaña Rendimiento, tenga en cuenta que The Hub se puede traducir a diferentes idiomas, por lo que puede administrar el rendimiento de su sitio en su idioma (si su idioma no está disponible actualmente, háganoslo saber). y no te preocupes, ¡pronto lo será!)

The Hub le permite ver el rendimiento de su sitio en su idioma.

Además, pronto podrá etiquetar completamente The Hub y utilizar The Hub con sus clientes, con facturación, sus propias plantillas y el host de su elección.

Finalmente, dada la amplia gama de funciones de optimización disponibles en los complementos Hummingbird y Smush, pronto también podrá guardar su configuración preferida y aplicarla de forma masiva a tantos sitios nuevos y existentes como desee.

Para obtener más detalles sobre el uso de la pestaña Rendimiento, consulte nuestra documentación. Además, para estar al tanto de todos los interesantes desarrollos en los que estamos trabajando para The Hub y todos nuestros complementos, visite nuestra hoja de ruta.

Por último, pero no menos importante, si tiene alguna pregunta sobre el uso de la pestaña Rendimiento o necesita ayuda con cualquier tema relacionado con WordPress, no dude en ponerse en contacto con nuestro equipo de soporte dedicado 24 horas al día, 7 días a la semana. Queremos ayudarle a obtener el mejor rendimiento posible de cada sitio de WordPress que administre. Con la pestaña Rendimiento de The Hub, puedes hacerlo.

[Nota del editor: esta publicación se publicó originalmente en octubre de 2020 y se actualizó en diciembre de 2023 para mayor precisión.]

¿Estás utilizando la pestaña de rendimiento de The Hub para administrar la configuración de Hummingbird y Smush en tus sitios? Comparta sus pensamientos y sugerencias en los comentarios a continuación.